Tout bon développeur Web utilise, ou tout du moins, connaît Firebug ! C’est l’extension Firefox la plus utilisée par les développeurs Web !
Pour ceux qui ne la connaissent pas, elle permet d’analyser la page en temps réel, le CSS, le Javascript/AJAX, le code HTML, DOM etc… réellement indispensable elle vient de passer en version 1.5.
Parmi les changements annoncés, amélioration des panneaux CSS, Javascript et Réseau, une meilleur gestion des points d’arrêt etc, le détails des fonctionnalités mises est disponible ici.

Mais ce qui ajoute encore plus de ‘charme’ à cette extension ce sont ses divers extensions. Voici une petite liste des extensions vraiment indispensables :

• FireCookie : permet de manager vos cookies directement
• FirePHP : permet d’analyser sa page PHP en rajoutant seulement un petit bout de code
• FireQuery : pour débugger les codes jQuery
• Pixel Perfect : permet de contôler le positionnement an ajoutant une image au dessus de la page
• FireRainbow : colore le code Javascript dans Firebug
• YSlow : analyse le contenu de la page et propose des solutions pour améliorer son chargement
• SenSEO : donne des informations sur l’optimisation du référencement de la page
• FirePicker : ajoute un color picker pour le CSS
• Plus d’extensions ici

Voilà avec ça vous êtes parés pour développer sous Firefox si ce n’était pas déjà le cas !

Qui ne n’est jamais pris la tête pour styliser ses formulaires, que tout soit bien aligné, compatible avec tous les navigateurs récents, et en plus joli ?

Et bien Lucian Slatineanu a la solution à tous vos problèmes ! Cet américain comme son nom l’indique à tout simplement créé un script JS qui modifie le code HTML de vos formulaires pour les rendre tous beaux tous propres ! Le script injecte en réalité du CSS pour styliser les formulaires à l’aide d’images.

On appréciera la simplicité enfantine de la mise en place du script, en effet il vous suffit d’inclure le fichier Javascript :

...

...

Vous pouvez ensuite choisir de styliser tel formulaire ou tel formulaire en ajoutant simplement une propriété class :

...

Sachez que rien ne vous empêche de modifier les images ou le code si le coeur vous en dit, le tout étant disponible sous licence Creative Commons. De plus un PSD est fourni avec les images, plutôt pratique.

Vous pouvez voir le script en action ici et le télécharger ici.