Les principaux Outils du Développeur Web

Tout bon développeur de site internet possède sa propre gamme d’outils, de site web ou de plugin qui vont lui permettre d’être plus efficace dans son travail.

Je vais ici vous présenter ma propre palette. Celle-ci n’a pas pour but d’être une liste exhaustive, il existe un nombre incalculable d’outil que chacun appréciera et utilisera plus ou moins (je ne mentionnerais d’ailleurs pas ceux que je n’utilise plus). Sans parler de tout ceux que je ne connais pas… D’ailleurs n’hésitez pas à mettre les votre en commentaires afin de les faire découvrir à la communauté (moi y compris).

Tout ce que je vais vous présenter ci-dessous est totalement gratuit, ou à minima possède une version gratuite et une version payante, cela est donc tout à fait utilisable par un étudiant ou un autodidacte qui souhaite apprendre et partir avec une « boite à outils » suffisamment fournis.

Les Site Internet

Nombreux sont les sites internet qui aident au développement de site internet justement !
Voici ceux que je visite le plus souvent.

Humman Checklist

Humaan. Checklist

Il s’agit ici d’une checklist pratiquement exhaustive des point à vérifier (et revérifier) avant mise en ligne d’un site.
Par exemple « Toutes les pages possèdent un contenu » ou « Les images ont été optimisés »…

Pagespeed

Pagespeed

Google fournit un outil permettant de tester la vitesse de chargement de votre site internet sur PC et sur mobile.
Il vous indique également les améliorations à faire et permet même de télécharger certaines de ces améliorations en direct.

css3generator

css3generator

CSS3 Generator permet, comme son nom l’indique de générer du code CSS3.

Le gros avantage de cet outil est la génération des webkit permettant la rétrocompatibilité vers les navigateurs les plus anciens.
Ainsi votre feuille de style CSS aura un rendu similaire sur un maximum de périphérique d’affichage différents.

Gradient-editor

Gradient-editor

Ce site web vous permet de générer des dégradés de couleurs pour vos background.
Encore une fois cela vous permettra d’avoir directement les webkit et la rétrocompatibilité vers les navigateurs les plus anciens, sans avoir à connaitre par cœur la syntaxe de toutes les versions.

tinyjpg

tinyjpg

TinyJPG réduit la taille du fichier de vos images JPEG. Chaque image téléchargée est analysée pour appliquer le meilleur encodage JPEG possible. En fonction du contenu de votre image, une stratégie optimale est choisie. Le résultat est une image de qualité sans gaspillage de stockage ou de bande passante!

Guidelinecolours

Guidelinecolours

Ce site est plus un gadget qu’un site d’une véritable utilité.

Celui-ci répertorie les couleurs dominantes des principaux site internet et marques tel que Facebook, Twitter, Google +, etc…

 

Les Plugins

Awesome Screenshot

Awesome Screenshot

Capturer tout ou partie d’une page Web.
Ajoutez des annotations, des commentaires, des informations et partagez en un clic.

Je ne l’ai encore utiliser pour cela mais ce plugin permet également la capture de vidéos.

Colorzilla

Colorzilla

ColorZillaest une extension qui aide les développeurs Web et les concepteurs graphiques à effectuer des tâches liées aux couleurs, à la fois élémentaires et avancées.

ColorZilla comprend un sélecteur de couleurs, un compte-gouttes pour les yeux, un générateur de dégradés et de nombreux autres outils couleur avancés.

Avec ColorZilla, vous pouvez obtenir une lecture couleur à partir de n’importe quel point de votre navigateur, ajuster rapidement cette couleur et la coller dans un autre programme. Vous pouvez analyser la page et inspecter une palette de couleurs.

WebDevelopper

WebDevelopper

L’extension Web Developer ajoute divers outils de développement Web à un navigateur. L’extension est disponible pour Chrome, Firefox et Opera, et s’exécutera sur toutes les plates-formes prises en charge par ces navigateurs, notamment Windows, MacOS et Linux.

Même si ce plugin tombe en désuétude avec l’inspecteur d’élément intégré dans chaque navigateur.

Les Logiciels

Xenu

Xenu

Xenu, est un logiciel informatique qui vérifie la présence de liens hypertextes sur les sites Web.

Comprenez par la que vous lui notifier l’URL de votre site internet, celui-ci parcours l’intégralité du site et vous ressort un rapport vous indiquant, entre autre, les liens mort (qui sont un poison pour votre référencement)

Filezilla

Filezilla

FileZilla est une application FTP multi-plateforme, composée de FileZilla Client et de FileZilla Server.
Celui-ci permet le transfert de vos fichiers depuis votre poste sur votre serveur.

Sublime Text

Sublime Text

Je vous présente ici sublim Text qui est l’éditeur de texte que j’utilise personnellement, mais il en existent bien d’autre, comme notepad, phpstorm, etc…

J’ai arrêté mon choix sur celui-ci car je le trouve graphiquement sympatique, qu’il permet d’ajouter des plugin supplémentaires afin de personnalisé son utilisation en fonction de votre travail : PHP, javascript, ruby, etc…

Voici pour cette petite liste non-exhaustive.

Bien sur cela ne suffit pas au bon fonctionnement d’un freelance ou d’une agence. Je me suis concentré sur le métier de Développeur Web ou Intégrateur.
Il faut bien sur ajouter un traitement de texte, un tableur etc… (type Pack Office ou OpenOffice), un logiciel de messagerie (Outlook, Thunderbird,…), un pack permettant la manipulation et la création de visuel (Gimp, Adobe Creative Suite, etc…). Mais avec tout cela vous voila déjà paré pour créer de A a Z votre premier site internet (ou même le 100 ème).