Vous n'êtes pas identifié. Veuillez vous connecter ou vous inscrire.


Ecrire une réponse

Ecrire une réponse

Composez et envoyez votre nouvelle réponse

Vous pouvez utiliser : BBCode Images Binettes

Les champs marqués %s doivent être remplis avant d'envoyer ce formulaire.

Information obligatoire pour les invités


Information obligatoire

Revue du sujet (plus récents en tête)

10

Je profite de rajouté un petit utilitaire mozilla aussi qui n'est pas cité pourtant tellement pratique.

Web Developper (Je viens de voir que Toad l'avais cité mais pas mis le lien je le mets pour vous monsieur smile)

Web developper

9

Tamper Data n'a pas de réelle utilité dans le développement mais plutot dans le test de vulnerabilités, les deux meilleures extensions orienté développement restent webdevolper https://addons.mozilla.org/fr/firefox/addon/60 qui permet la validation w3c, le monitoring du code et firebug qui permet facilement de localiser et changer les elements graphiques.

8

Merci pour toutes ces belles extensions, on peut aussi noter Web Developper, assez pratique.

7

iMacros
Ce qu'AutoIt est à Windows, Imacros l'est pour Firefox.

iMacros permet d'automatiser les taches répétives effectués dans votre navigateur.Avec iMacros, vous pouvez remplir, rapidement et facilement, les formulaires sur Internet, vous rappeler des mots de passe, télécharger les informations d’autres sites, « scraper » le Web (récupérer les données de plusieurs sites), et beaucoup plus. Vous pouvez sauver les macros sur votre ordinateur pour votre usage personnel, ou les partager avec d’autres en les diffusant.

Une des principales utilités dans le contexte du développement web est d'enregistrer des macros pour simuler une visite sur votre site afin d'en tester la fonctionnalité et détecter les bugs éventuelles.

Installer iMacros

http://www.linternaute.com/0_newsletter/high-tech/217/images/imacros.png

6

Tamper Data

Certainement incorporée dans une prochaine mise à jour de Firebug, mais pour l'instant il faut passer par lui. Il s'agit d'un outil d'analyse et de modification très complet des requêtes HTTP. Son principal intérêt réside dans la possibilité de modifier à la volée les en-têtes, comme par exemple changer des paramètres POST/GET d'une requête sans modification du code.

Installer Tamper Data

http://www.derekallard.com/img/post_resources/tamper_data_getting_data.jpg

5

YSlow

Extension pour analyser le temps de chargement de vos pages. Il donne les éléments peu performants qui ralentisse la navigation ainsi que quelques conseils pour améliorer le temps de chargement.

Yslow nécessite l’extension Firebug pour fonctionner.

Installer YSlow

http://www.cobolian.com/wp-content/uploads/yslow6.png

4

Html Validator

Voila comment contrôler la validité de votre code HTML/XHTML selon les normes préconisés par le W3C. Des outils vous permettent de "nettoyer" votre code, ou de vous conseiller sur les erreurs rencontrées.

Installer Html Validator

http://html.nhndesign.com/guidelines/html/validation/img/validatorInterface1.png

3

ColorZilla

Comment recuperé le code couleur (RVB, CMYK, ect...) sur une page web, tout simplement en un click avec cette extension.

http://www.bram.us/wordpress/wp-content/uploads/2006/12/fx_colorzilla.jpg

Comme vous voyez dans l'image ci-dessus, vous pointez avec votre souris un pixel de couleur et ColorZilla vous donne instantanément le code couleur correspondant. De plus, il est fourni une palette browser, vous permettant de moduler à loisir sur le choix d'une couleur pour le fond de votre site.

Installer Colorzilla

2

Firebug

Extension ultime pour le développement web, elle permet d'inspecter le code d'une page web simplement en parcourant le DOM, on peut y modifier les CSS à la volée, vérifier ce qui transite dans les en-têtes HTTP, voir les parametères passés en POST ou en GET, comparés les temps de chargement des divers éléments de la page.

... une fois testé, une fois pour toute adopté ...

Installer Firebug

http://www.gnucitizen.org/images/391953301_2101c534f2.jpg

1

Juste pour faire partager à la communauté des Cigales les extensions de Mozilla Firefox pour le développement Web.

Pour ceux qui ne connaisse pas, une petite piqure de rappel s'impose. Mozilla Firefox en plus d'être un des navigateurs des plus "stables" propose un concept dans l'air du temps, à savoir la personnalisation de son navigateur par l'ajout d'extensions. L'ajout d'extension est très simple : vous cliquez sur le lien de l’extension, Firefox vous demande la permission de l’installer, la télécharge, l’installe et redémarre. Vous pouvez désinstaller l'extension en 2 clics par le menu Outils > Modules complémentaires. Et enfin, les extensions vous préviennent si une nouvelle version est disponible. Bref, c'est du easyToInstall, easyToUse ...

Un petit bémol quand même avec ces extensions, si vous en installer trop d'extensions ou bien des extensions très lourdes, comme par exemple Firebug, attendez vous à des ralentissements notables dans la navigation ou encore à des erreurs internes. Utilisez deux browsers, un pour le développement charger avec vos extensions, et un autre pour la navigation.

Voici ci-dessous, une sélection (à étoffer) des extensions que je vous recommande pour le développement web.

- Firebug
- ColorZilla
- HtmlValidator
- Yslow
- iMacros



Currently used extensions: pun_poll, pun_admin_manage_extensions_improved. Copyright © 2008 PunBB