Intégration web : Des outils pratiques

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 logoFirebug : 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)

w3c-logoValidateur 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.

ietab-logoIE TAB: Toujours pour les utilisateurs de Firefox. Cette extension 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./p>

html validator-logoHTML Validator: Je n’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-logoDebugbar : 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 !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

CommentLuv badge