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

Fbosf (osf pour « on s’en fout ») est une extension disponible pour les navigateurs Firefox, Chrome qui ajoute un lien Je m’en fous à côté du lien J’aime sur Facebook (r).

A tester donc cette extension conçue pour Facebook par Julien Noleau.

Capture :

Lien :

• Fbosf

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

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

Lien :

• Mozilla Developper Center.