A titre d’exemple, le listing fournit sur la page Slow Performing Add-ons indique que Firebug a un impact de 74%, Web Developer ou encore ColorZilla 14%.

A prendre en compte donc avant de râler sur les lenteurs de ce navigateur

Yohann Poiron nous compare les nouveautés apportés dans ces futurs versions des 3 « grands » navigateurs du marché.

A lire chez blog-nouvelles-technologies.fr : La guerre des navigateurs

Et oui en vous rendant simplement sur ce site, vous obtiendrez une note sur 160, note traduisant les capacités de votre navigateurs à traduire les propriétés HTML5.

Ci-dessous la note de mon Firefox (3.6.3) :

Effectivement, y’a encore du travail…

Lien :

• The HTML5 Test

Ceux qui n’ont pas répondu « Code Source » de la page ne connaissent pas ce raccourci clavier

Parmis les autres, ils y en a qui, comme moi, ne sont pas a l’aise avec tous ces raccourcis et préfère une navigation à la souris.

C’est l’idée de cette extension pour Firefox.

Ainsi, j’ai configuré FireGestures pour que lorsque je maintiens le clic droit de votre souris et que je décris la forme du S apparaisse le code source de la page.

Autre exemple, par défaut un mouvement de la gauche vers la droite équivaut à un « Page précédente ».

etc…

Voici les options possibles de cette extension Firefox :

Liens :

• FireGestures – Site web
• FireGestures – sur addons.mozilla.org

Mais connaissez-vous FireQuery ?

Dans FireQuery il y a le Fire de Firebug et le Query de… jQuery

Cette extension pour le navigateur Firefox va donc rajouter un couche bien intéressante à un Firebug déjà bien utile dans le cadre du développement web.

Vous allez pouvoir manipuler en direct vos éléments DOM.

Lien :

• FireQuery – Firebug extension for jQuery development
• Vidéo de démonstration de FireQuery

Celui-ci va vous afficher quelques indicateurs intéressants pour votre référencement.

Il va même pouvoir vous générer un rapport vous révélant :

• le pagerank Google,
• le rank Alexa,
• le nombre de page indexé chez Google, Yahoo et Bing,
• et même un listing concernant votre « Keywords density« .

Lien :

• Seoquake

L’icône WordPress se rajoute à la barre d’état et permet d’accéder au principal fonction de votre blog :

Vous apercevez également la dernière version disponible ainsi que sa date de mise en ligne.

Et sur un clic droit on obtient les accès à la documentation de WordPress (Codex) :

Lien :

• http://www.schloebe.de/firefox-extensions/wordpress-helper/#english

Le Cross-browser est la possibilité pour toute application web, sous format HTML ou programmée avec un langage de script s’exécutant côté client de supporter plusieurs navigateurs web.

Source : Wikipédia.

Autrement dit, de faire des pages qui auront le même comportement sur tous les navigateurs du marché…

• Internet Explorer,
• Firefox
• Opéra
• Google Chrome
• …

Ce sont les principaux navigateurs aujourd’hui et il n’interprète pas tous de la même manière certaines propriétés CSS.

A cela, vous ajouter des différences d’interprétation sur des versions différentes du même navigateur et vous commencez à comprendre le problème.

Browsershots est donc un site bien pratique puisqu’il va vous réaliser des copies d’écran de votre page web sous différents navigateurs avec en plus la possibilité de choisir plus ou moins de versions différentes de celui-ci (plus trop la peine de choisir Internet Explorer 4 par exemple…).

Des options supplémentaires sont également permises comme :

• Taille d’écran,
• Profondeur de couleur,
• Javascript,
• Java,
• Flash.

Lien :

• browsershots.org

De quoi alléger vos fichiers CSS !

Personnellement, trop d’éléments non utilisés dans mon « reset » CSS

Lien :

• Dust-Me Selectors

En voici une liste non exhaustive.

ColorZilla

• Description : Une pipette bien pratique pour capturer les couleurs d’un site (en hexa et RGB).
• Site web : colorzilla.com

Firebug

• Description : Sans doute le plugin le plus important ! Il peut afficher les erreurs javascripts, css,…, des détails sur les XMLHttpRequests (ie Ajax).
• Site web : getfirebug.com

Font Finder

• Description : Ce plugin permet d’afficher des détails sur la font utiliser sur du texte. (taille, police, …).
• Site web : bendodson.com

IE Tab

• Description : Ou comment intégrer Internet Explorer dans le navigateur Firefox.
• Site web : IE Tab

Live HTTP Headers

• Description : Les en-têtes HTTP en direct.
• Site web : livehttpheaders.mozdev.org

MesureIt !

• Description : Une règle dans Firefox !
• Site web : kevinfreitas.net
  

Regular Expressions Tester

• Description : Une interface pour tester vos expressions régulières.
• Site web : sebastianzartner.de
  

Timestamp Converter

• Description : Passer d’un timestamp (nombre de secondes écoulées depuis le 1^er janvier 1970 à 00:00:00) à une date et vice-versa
• Site web : sogame.awardspace.com
  

UrlParams

• Description : Permet d’afficher les variables GET, POST d’une page, de les modifier et de les renvoyer.
• Site web : urlparams.blogwart.com

Web Developer

• Description : LA barre d’outils du développeur web.
• Site web : chrispederick.com

J’en utilise d’autres mais moins pertinent à mes yeux que ceux de cette liste.

Mais si vous en avez d’autres à me proposer je suis preneur