Le meilleur des extensions de Firefox pour le développement web

A l’heure actuelle, il est à la portée de tout le monde d’avoir son propre site web. Mais comment tirer au mieux parti de son navigateur préféré afin de le rendre plus rentable, plus fonctionnel et plus polyvalent ? C’est à cette question que je vais essayer de répondre aujourd’hui.

A la portée de tout le monde ?

Il est beaucoup plus simple d’acquérir un nom de domaine, les procédures ont été largement simplifiées au fil des ans et sont plus rapides.

De plus, la concurrence dans le domaine des DNS et de l’hébergement se fait rude, ce qui signifie que les prix sont et deviennent de plus en plus démocratiques. En outre, bien souvent tout abonnement chez un FAI comprend un espace web (dont la taille est variable de l’un à l’autre). Enfin les outils de développement se font de plus en plus nombreux, bien que certains gardent la tête hors du lot et restent bien connus (p.ex. Adobe Dreamweaver), et d’autres permettent carrément de mettre tout un site en place sur lequel il n’y a « plus qu’à  » introduire le contenu (p.ex. WordPress).

Tout ceci fait qu’il est désormais extrêmement simple de posséder un site web familial, de petite entreprise voire une petite carte de visite online… à son nom (comme la mienne). Voici quelques outils qui vont vous permettre d’utiliser Firefox plus efficacement dans ce but.

L’aide précieuse de Firefox : les extensions

Par le nombre sans cesse grandissant d’extensions disponibles, Firefox devient un réel allié en matière de développement et de rédaction. Ceci peut être constaté à plusieurs niveaux que l’on va détailler ci-après.

1S’il y a bien une extension dont il n’est plus nécessaire de parler auprès des habitués de Firefox, c’est Web Developer. Cette extension est en quelque sorte un concentré de tout ce qui peut être utile à la finalisation de son site web : la validation des standards, la modification des feuilles de style à la volée, le repérage des blocs, etc … Il est inutile de développer ici toutes les options tant elles sont nombreuses. Comme je le disais dans le top 10, aussi complète soit-elle, cette extension est un complément et non un remplacement d’une programmation classique.

Web Developer 1.1.4 (174 Ko)

2Si vous possédez déjà un blog (plusieurs plate-formes supportées), ScribeFire est une extension faite pour vous. En effet, en renseignant dans l’extension le type de blog que vous possédez et vos nom d’utilisateur et mot de passe, ScribeFire est capable d’envoyer le texte sur votre blog comme si vous l’aviez écrit directement via l’éditeur du blog en question. L’avantage ? Vous pouvez vous trouver sur n’importe quelle page web, n’importe quel onglet et écrire par-dessus sans devoir faire un va-et-vient entre l’éditeur du blog et le contenu sur lequel vous vous basez.

ScribeFire 1.4.2 (408 Ko)

3iWebTool est une barre d’outils éditée par le site du même nom. Il ne s’agit en fait pas vraiment d’une barre d’outils, mais plutôt d’un bouton qui se positionne dans la barre d’état de Firefox. En cliquant sur ce bouton on fait apparaître toute une foule de possibilités qui sont autant de liens vers le site précité et qui couvrent une assez large panoplie d’outils, essentiellement destinés au SEO : analyse des liens retour, analyse/prédiciton (efficacité non prouvée) du PageRank Google, présence dans les index, position dans les moteurs, etc… On ne peut évidemment pas évincer le but quelque peu commercial de la chose, étant donné la présence d’autres outils aussi payants que les premiers sont gratuits (un annuaire de référencement plutôt cher notamment).

iWebTool Webmaster’s Toolbar 1.0.05 (36 Ko)

4Bien qu’on commence de plus en plus à se rendre compte que la popularité et la qualité d’un site n’en dépendent pas, Search Status permet d’afficher dans la barre d’état de Firefox sont PageRank Google, son Alexa Rank et plus accessoirement le Compete Rank. Néanmoins et quoiqu’on en dise, l’Alexa Rank reste semble-t’il une bonne estimation de la fréquentation de son site. Comme je l’ai dit en début de présentation de ce module, ces chiffres sont de plus en plus discutés et controversés ; mais voir son site progresser dans un classement, quel qu’il soit, est finalement toujours flatteur.

SearchStatus 1.21 (45 Ko)

5Bien qu’on l’ignore ou qu’on l’évite généralement, Firefox est lui-même une mine d’infos sur l’état de son site web, et ce à plusieurs niveaux. Tout d’abord, quand on s’y connaît un minimun en codage de site web on a pas besoin d’outils puissants afin d’observer ce qui est concrètement envoyé vers le navigateur « client » : un clic droit pour « afficher la source » permet de voir ce qui du code source est effectivement interprété et affiché. Ca permet également de repérer les blocs et les classes CSS mises en oeuvres afin de pouvoir y apporter quelques modifications si nécessaire. Ensuite, les « informations sur la page » donnent pas mal de renseignement sur ce qu’on affiche dans son navigateur. C’est un moyen très simple de vérifier les mots clef renseignés, l’auteur, les indications données aux robots des moteurs de recherche, la description du site que ceux-ci retiendront, etc…On peut également voir tous les éléments « média » chargés par la page ainsi que leur taille. Ce sera encore plus développé dans la future version 3.0 de Firefox.

6ColorZilla est une extension vraiment toute petite et toute simple : c’est une pipette à couleur qui vous permet de connaître, très précisément et dans plusieurs formats (hexa, RGB, HTML, …), la couleur de n’importe quel élément d’une page. C’est extrêmement pratique lorsqu’on est en pleine modification de CSS d’une page et qu’on doit accorder les couleurs de son site. Cette extension paraît simpliste, mais elle renferme pas mal de petites choses utiles.

ColorZilla 1.0 (136 Ko)

7Avoir les fichiers de son site sur son ordinateur c’est bien. Mais sauf si votre ordinateur est votre propre serveur, il faudra bien les envoyer sur le serveur de votre hébergeur. Et tant qu’à faire, pourquoi ne pas utiliser FireFTP dans Firefox plutôt qu’une application externe ! FireFTP rempli paraitement la fonction à laquelle il est voué : il gère les transferts entre votre ordinateur et le serveur de votre hébergeur. Ni plus, ni moins.

FireFTP 0.97.1 (133 Ko)

8IE Tab vous permet d’afficher dans un onglet de Firefox une certaine page rendue avec le moteur d’affichage d’Internet Explorer. Cet outil vous aide à vérifier très simplement la compatibilité multi-navigateurs de vos pages web, et surtout comment elles s’affichent dans le navigateur de Microsoft sans quitter Firefox !

IE Tab 1.3.3.20070528 (167 Ko)

Pour terminer

Si ça ne fait jamais « que » 8 éléments différents, avec ceci tout le monde peut commencer à profiter de Firefox afin de modifier, gérer, optimiser et donc forcément rendre son site plus rentable, même si ça ne concerne pas directement l’aspect pécunier de la chose. On pourrait plus tard voir un article/dossier à ce sujet, mais il ne faut pas oublier que développer un site web juste pour gagner de l’argent grà¢ce à deux bandeaux publicitaire revient souvent à se planter. En effet, comment oser penser à rendre un site financièrement rentable avant qu’il ne soit rentable en terme de fréquentation de par son contenu ? Comment capter l’attention des gens sans un site un minimum optimisé ayant un tant soi peu de contenu ? C’est donc bien l’objectif que nous nous étions fixés au début de ce dossier : donner quelques outils pour améliorer son site via Firefox. Plus tard je vous révèlerai peut-être mes secrets sur la manière dont Firefox peut vous aider à gagner de l’argent, beaucoup d’argent, tout plein d’argent. Mais d’ici là , s’il y a des extensions dont vous souhaitez parler ou qui valent la peine d’être mises en évidence, allez-y !

Contribuez au projet Mozilla : plus d'infos
Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.
  • Wikio FR
  • Technorati
  • Digg
  • TwitThis
  • del.icio.us
  • YahooBuzz
  • Facebook
  • StumbleUpon
  • Google Bookmarks
  • Reddit
  • Bloglines
  • BlogMemes Fr
  • LinkedIn
  • Live-MSN
  • MySpace
  • Ma.gnolia
  • Scoopeo
  • SphereIt

« Articles précédents |

6 personnes ont réagi à l'article. Et vous ?

Flux des commentaires du billet
  • 1 3po  | le 30 août 2007 à 15 h 19 min

    Il y a aussi HTML Validator et Firebug qui sont très utiles pour le développement Web.

  • 2 Sinklar  | le 30 août 2007 à 15 h 44 min

    C’est vrai que ces deux outils sont fort intéressants niveau source. Firebug est d’ailleurs bien plus avancé en intégrant le débogage JS (je ne sais plus si Web Developer le fait).

  • 3 Blougou  | le 30 août 2007 à 18 h 08 min

    Moi je préfère Firebug à Web Developer…

    HTML Validator est aussi très utile ;)

  • 4 Koh Lanta  | le 1 septembre 2007 à 6 h 19 min

    ‘avoir son nom oou son pseudo comme facade su le web’, hum :)

  • 5 Sinklar  | le 1 septembre 2007 à 10 h 34 min

    Mouais, j’aurais dû relire une fois de plus. :roll:

    L’idée est plutôt comme dit plus bas, d’avoir une « carte de visite » en ligne ou même simplement un portfolio pour certains. Inutile de le répéter une fois de plus et c’est donc corrigé, merci !

  • 6 yoyoz  | le 20 décembre 2007 à 10 h 48 min

    Essayez l extension dejaclick, elle permet de mémoriser des macros. Tres utile pour eviter de se retaper des formulaires de saisie ou des dizaines de clics successifs…


Réagissez à cet article, laissez un commentaire !



Parutions précédentes

Firefox a mis Deezer.com en maintenance

Deezer.com — Chapitre 2 Après qu’une faille du site de musique en ligne gratuite Deezer ait été découverte, celui-ci est en maintenance. Alors que les utilisateurs du navigateur Firefox avaient trouvé une parade leur permettant de télécharger la musique sur leur ordinateur au lieu de l’écouter en direct, Deezer se doit finalement de ré-examiner son [...]

Changement d’hébergeur

Toute mes excuses si BeFox est resté inaccessible pendant des heures bien trop nombreuses. J’ai changé d’hébergeur hier soir et avais entamé l’opération assez tard dans le but de nuire le moins possible aux visites sur le site. Cependant la propagation des DNS pour faire pointer le nom de domaine vers le nouveau serveur a [...]

Confusion sur l’intrusion de Skype dans Firefox

Un utilisateur de Linux et de Skype s’est aperçu du comportement bizarre de ce dernier, grà¢ce à l’application sécuritaire AppArmor. C’est en quelque sorte un Centre de Sécurité à la sauce Linux qui permet de paramétrer bon nombre d’options ayant trait à la sécurité du système d’exploitation. Dans ce cas-ci ça concerne l’accès et la [...]


Chargement en cours... loading