Je travaille sur un nouveau site Web depuis quelques semaines. Mais au lieu de le faire seul, j'ai décidé de demander de l'aide aux extensions Firefox. Ils ont grandement facilité mon travail et peuvent tous être téléchargés en quelques secondes.

Aardvark: Aardvark vous permet de sélectionner des éléments d'une page Web et d'effectuer diverses actions sur ceux-ci. Je l'utilise pour analyser la structure d'une page. Vous pouvez également supprimer et isoler des éléments ou générer du code DOM. Je le recommande fortement.

ColorZilla: Si une page Web présente une couleur que vous aimez, ColorZilla trouvera le code exact pour cette couleur et vous permettra de la coller dans votre programme de codage. Vous pouvez également créer des couleurs personnalisées avec son navigateur de palette intégré. Il enregistre les couleurs les plus utilisées pour un accès facile plus tard. C'est puissant, c'est simple, c'est un must-have.

Validateur CSS: le validateur CSS ajoute une option de clic droit dans votre navigateur, envoyant le CSS au validateur CSS du W3C. Il ouvre les résultats dans un nouvel onglet. CSS Validator est un outil pratique et utile.

CSSViewer: aucun concepteur Web ne devrait fonctionner sans CSSViewer. L'add-on vous informe de toutes les informations CSS dont vous avez besoin d'un site. Cliquez simplement sur la page de votre choix, ouvrez-la dans le menu Outils pour afficher les informations CSS. Je l'utilise presque tous les jours.

FireBug: Firebug est une de ces extensions sans laquelle vous ne pouvez pas vous passer. Il vous permet d’éditer, de déboguer et d’afficher CSS, HTML et JavaScript. Une fois que vous avez modifié le code HTML sur le site, Firebug l'affiche automatiquement dans le même volet. C'est extrêmement puissant.

FirePHP: FireBug est un excellent outil pour CSS, HTML et JavaScript, mais FirePHP, qui ne fonctionne que lorsque l'extension FireBug est installée, crée une expérience de développement complète. Avec l'aide des deux add-ons, vous pouvez voir la qualité de votre PHP et trouver des erreurs. C'est une aide précieuse.

Font Finder: Font Finder vous permet de mettre en surbrillance une police que vous aimez sur n'importe quel site, de cliquer avec le bouton droit de la souris sur la sélection et, après avoir choisi "Recherche de polices", d'afficher le style complet du texte CSS de la sélection. Vous pouvez ensuite coller cela dans votre propre page Web.

HTML Validator: HTML Validator est un outil extrêmement puissant disponible uniquement pour les utilisateurs Windows. L'add-on vous donne des informations sur les erreurs sur la page. Cela vous permet également de savoir où les problèmes doivent être résolus. Mais à moins que vous ne soyez un concepteur Web avancé, évitez cet outil. C'est très compliqué.

IE View: Tant que vous utilisez Windows, IE View est un outil utile. L'extension ajoute une option "Ouvrir dans IE" dans le menu contextuel, vous permettant d'ouvrir rapidement un site dans Internet Explorer. C'est un excellent moyen de vérifier l'aspect d'une page dans les deux navigateurs.

Console Java: si vous souhaitez savoir comment les applets Java s'exécutent sur les pages Web, la console Java est faite pour vous. Vous pouvez surveiller et déboguer des applets et obtenir un rapport complet sur leurs performances.

LinkChecker: LinkChecker met en évidence les liens sur n'importe quel site Web et vous indique si le lien vous dirigera vers un site actif ou s'il renverra un 404. Je l'utilise tous les jours.

Poster: Si vous souhaitez déboguer des serveurs et effectuer des requêtes HTTP, Poster est l'outil idéal. Il est facile à utiliser, vous pouvez définir un type de contenu et, en quelques minutes, vous aurez toutes les informations nécessaires pour inspecter les résultats de votre requête HTTP. Utile.

Sélecteur de feuille de style II: Le sélecteur de feuille de style II remplace le sélecteur de feuille de style intégré de Firefox et vous permet de choisir un autre style qui persistera sur toutes les pages d'un site Web. Ce n'est pas quelque chose que vous utiliserez souvent, mais lorsque vous avez besoin de quelque chose du genre, le sélecteur de feuille de style II est la solution.

Web Developer: Si vous installez l'une des extensions de cette synthèse, Web Developer doit être inclus. Il ajoute un menu et une barre d’outils à Firefox, vous permettant d’afficher le style d’une page, de voir et d’éditer le CSS, et bien plus encore. Aucun développeur Web ne devrait s'en passer.

YSlow: YSlow nécessite l'installation de FireBug pour que cela fonctionne, mais c'est un excellent moyen de savoir pourquoi votre site fonctionne si lentement. Il analyse les pages Web et renvoie les problèmes qui ralentissent le site, en fonction des règles de Yahoo pour les sites Web hautes performances. Je l'utilise souvent pour savoir où je peux améliorer la vitesse de mes sites. Essaye le.