jeudi 8 novembre 2007

Des outils pratiques pour le développement web

date

Des outils pratiques pour le développement web



Comme promi, voici une liste d'outils qui pourront vous faire gagner du temps lors de votre travail de création web. Personnellement,j'utilise Firefox, donc les liens proposés ici seront majoritairement orientés pour ce navigateur :

  • Firebug : cet outil s'adresse aux utilisateurs de Firefox. C'est selon moi un outil indispensable pour la création de sites. "Il vous permet d'explorer par clavier ou souris les coins les plus reculés du DOM. Tous les outils dont vous avez besoin pour fureter, produire et controler votre JavaScript, CSS, HTML et Ajax sont rassemblés ensemble à travers une seule extension,incluant un débuggeur, une console d'erreur, une ligne de commande, et une variété d'inspecteurs intéressants…"(cf:Geeckozone)

  • Validateur W3C : Vous le connaissez surement ? C'est la référence des validateurs de code. Vous proposez l'url de votre site ou vous uploadez votre fichier. Le validateur vous indique où sont les erreurs et avertissements. Une version "corrigée" du code est proposée si vous voulez.

  • IE TAB: Toujours pour les utilisateurs de Firefox. Cette extention très utile permet de switcher entre IE et Firefox. Une petite icone en bas de Firefox vous indique si vous êtes sur IE ou sur FF. Super utile pour voir les différences de mise en page entre IE et FF ! Attention, lorsque vous êtes sur IE (mais dans Firefox), Firebug ne fonctionne plus. Dernière remarque, IE TAB utilise le moteur d'IE présent sur votre machine. Si vous êtes sur IE6 (par exemple), le rendu sera celui d'IE6.

  • HTML Validator: J'ai toujours pas changé de navigateur et cette extention propose de valider votre code HTML et CSS selon 2 algorithmes au choix : HTML Tidy ou l'analyseur SGML. Le résultat est tip top. Vous avez en plus de la validation de base, la correction de votre code et la possibilité de valider en fonction des critères d'accessibilité du web.


  • Debugbar : Ah ! Un outil pour les utilisateurs d'Internet Explorer... C'est un inspecteur de code genre Firebug... L'intéret est la possibilité de modifier les valeurs et de voir le résultat immédiatement dans la page...


Voila, même si je pourrais continuer encore longtemps, je vais m'arréter là !
J'espère que ce post vous servira !

2 commentaires:

Anonyme a dit…

Merci pour cette liste d'outils très utiles. Je connaissais Firebug qui est vraiment très bien.

Detruk a dit…

Il n'y a pas de quoi!
Et oui, que ferait-on sans Firebug... (quoique maintenant il existe de plus en plus d'outils quasi identiques...mais Firebug est mon préféré)