Les Outils du parfait Développeur

Publié le 11 mars 2010 par Blog Webdesign @template

Sites Web:

BrowserShots.com

Ce site vous permettra d’afficher une Page Web dans quasiment toutes les versions des navigateurs existant et de pouvoir vérifier la validité visuelle d’une page.

WordOff

Enlève les balises vides de votre code source HTML. Principalement utilisé pour clarifié un code généré automatiquement par un logiciel tel qu’Excel.

RoundedCornr.com

Avec l’arrivée du Css 3 ce problème ne devrait plus exister mais vu la lenteur dans l’évolution des navigateurs je préfère vous fournir cette source. Utile pour générer des arrondis pour vos blocs sans trop de prises de tête

AreMySiteUp.com

Simple et efficace, ce mini site va vous permettre de garder un oeil ouvert sur vos sites web en ligne et vous avertira si l’un d’eux venait à passer hors ligne. Il vous donnera un taux de réactivité sans précédent en renvoyant à vos clients une images des plus sérieuse.

Google KeyWord Analyser

Connu, Vu, Re-vu et principalement utilisé par les Annonceurs sur Google, ce module est en fait un puissant outils d’analyse des mots clés, de leur pertinence, de leur taux de recherches et de l’importance de la concurence sur ceux-ci. Il propose aussi tout un pannel de mots clés en rapport avec ceux que vous avez fournit au cas où vous en auriez oubliés. Très important d’un point de vue optmisation et prévision du trafic que vous apportera le placement de votre site web sur un mot clé précis !

JavaScriptCompressor.com

Afin de finaliser et de réduire au maximum le poids de vos fichiers Javascript, une petite compression par ce site s’impose. De très bons résultats peuvent être obtenus mais il faut toutefois souligner que compresser un fichier JavaScript demande au client de le décompresser avant de l’interprêter ce qui implique parfois un délai de chargement légèrement allongé et une performance réduite de votre code JavaScript.

CssCompressor.com

Dans le même style que JavaScript Compressor, il faut toutefois souligner que la compression Css est tout de même beaucoup moins poussée que pour le JavaScript (Offre moins de possibilités).

FireFox et ses Plugins:

Kgen

Simple et puissant, il vous permet de calculer la densité des mots clés présents sur une page ainsi que le ‘poids’ qu’ils possèdent selon les balises dans lesquels ils sont placés. Très utile pour vérifier qu’une page est optimisée pour le référencement.

FireShot

Ce module va vous faciliter la vie concernant l’aperçu d’une page à diffuser à votre Chef de Projet, Graphiste ou Client qui demande des nouvelles concernant la mise en page d’un WebDesign. Des anotations sont possibles pour détailler certaines parties, etc.

A ne pas oublier !

Vidéo de Démo: http://screenshot-program.com/fireshot/demo.php

FireBug

Surement l’un des plus connu et des plus utilisé, FireBug vous offre tout un pannel d’options et d’édition du contenu d’une page web en direct. Vous pouvez voir d’après le screenshot ci-dessus qu’il analyse les temps de chargement de chaque élément et vous permet de cibler l’optimisation (Bien souvent le poids d’un élément).

YSlow

YSlow est un complément de FireBug et permet de cibler plus généralement le poids que prend les différentes catégories d’éléments (Images/ Flash, Javascript).

HTML Validator

Ce Plugin fort utile vous permet d’un simple coup d’oeil de vérifier la validité de la page web visitée (Norme W3C, bonne syntaxe des éléments…). Il évite de devoir repasser sans arrêt sur la page de validation W3C.

WebDevelopper

Cette ToolBar isole les éléments constituant une page web et fournit de précieuses informations concernant sa structure. Principalement utilisée pour analyser la syntaxe CSS.

SeoBar/SeoQuake

Donne des informations sur la page visitée. PageRank, Classement Alexa, Liens internes et Externes, etc.