Les chemins de traverse

Le développement Web est de plus en plus avancée aujourd'hui avec les nouvelles technologies du Web 2.0. Qui n'a jamais songé à developper son blog ou son site Web voir se lancer dans le développement Web à plus grande échelle? Cet article vous présente les extensions Firefox indispensables pour adapter votre site aux normes et standards ainsi que pour débugguer celui-ci en cas de problème.

Tout d'abord une extension très connue est la Web Developper Tool Bar. Cette extension est doté de fonctionnalités vraiment intéressantes:

• Redimensionnement de la fenêtre: avec cette fonctionnalité vous pouvez vérifiez que votre site/blog fonctionne sur plusieurs résolutions.
• Voir les CSS: vérifiez votre code CSS pour analyser les éventuels problèmes.
• Valider CSS et HTML: mettez votre site aux normes afin d'en améliorer l'accessibilité et le référencement.
• etc.

Cette extension possède de nombreuses autre fonctionnalités que je vous laisse découvrir par vous même.

La seconde extension est Firebug: Puissant outil de débuggage, il vous permet d'analyser le code javascript, html, css, etc. Vous pouvez également ajouter des espions sur votre code source afin de trouver les éventuelles erreurs plus facilement. C'est certainement l'une des meilleures extensions à ce jour.

Enfin la troisième extension que je vous conseille est IEtab: si vous souhaitez que votre site soit compatible Firefox et IE, je vous recommande l'installation de ce plugin. Il vous permet en un clic de lancer la page en cours sur un nouvel onglet avec le moteur d'internet explorer. Un autre clic relance la page sous le moteur de Firefox. Extension indispensable si vous souhaitez rendre votre site le plus compatible possible avec les navigateurs les plus utilisés.

Pour finir ce billet je vous laisse quelques liens ou vous trouverez ces extensions:

• Web Developper Tool Bar: https://addons.mozilla.org/fr/firefox/addon/60
• Firebug: https://addons.mozilla.org/fr/firefox/addon/1843
• IE Tab: https://addons.mozilla.org/fr/firefox/addon/1419

Ceci n'est pas la liste exhaustive d'extensions qui vous permettra de développer vos sites Web. Néanmoins, avec ces trois extensions vous arriverez déjà à développer des sites efficacement.

Si l'on observe le temps de téléchargement d'une page générée d'un site web quelconque, on s'aperçoit que de nombreuses secondes sont perdues par l'attente des fichiers CSS et JS. Un coup d'oeil sur l'échelonnement de cette attente avec l'extension firebug de firefox illustre pleinement cet état de fait.

Aussi, pour parer à ce problème, un système très simple permet de ne perdre ce temps qu'une seule fois.

Lire la suite