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 !






















6 personnes ont réagi à l'article. Et vous ?
Flux des commentaires du billet1 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.
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 !