Les bons outils pour développer en HTML5 SublimeText, et Adobe Edge pour développer en HTML5

De nos jours, une pléthore d'outils est disponible sur Internet en téléchargement gratuit ou payant. Chacun d'entre eux dispose de nombreuses qualités, mais aussi de défauts, il vous appartient de faire votre choix en regard de votre système d'exploitation, de vos habitudes et connaissances.

Il est possible d'adjoindre à la plupart des éditeurs texte dignes de ce nom des extensions facilitant l'écriture de code, notamment une extension nommée Emmet (ex Zen Coding), permettant d'écrire plus rapidement du code HTML à partir d'une chaîne de syntaxe CSS et d'un raccourci clavier. 

Pour n'en citer qu'un, qui me tient à cœur : SublimeText a le vent en poupe, et s'est rapidement forgé une solide réputation. Les fonctionnalités qui peuvent y être ajoutées via Package Control sont impressionnantes : multi-onglets, multi-curseurs, recherche et remplacement multiple, affichage des couleurs pointées dans les feuilles de styles, minification du code JavaScript, auto-complétion dans de nombreux langages, coloration syntaxique, gestion de projets et accès rapide aux fichiers, synchronisation FTP, SVN, Git, auto-ouverture des fichiers liés ou accès direct aux sélecteurs CSS, auto-rechargement des pages, etc.


RESSOURCE Éditeurs web (HTML/CSS)

 Notepad++ (Windows, gratuit, licence GPL)
B http://notepad-plus-plus.org/

 PsPad (Windows, gratuit, freeware)
http://www.pspad.com/fr/

 SublimeText (Multiplateforme, payant)
http://www.sublimetext.com/

 Eclipse (Multiplateforme, gratuit, licence EPL)
http://www.eclipse.org/

 jEdit (Multiplateforme, gratuit, licence GNU GPL)
http://www.jedit.org/

 Bluefish (gratuit, licence GPL)
http://bluefish.openoffice.nl/

 Aptana Studio (Multiplateforme, gratuit, licence mixte GPL)
http://www.aptana.com/

 gedit (Linux/Gnome et multiplateforme, licence GNU GPL)
http://projects.gnome.org/gedit/

 Kate (Linux/KDE et BSD, licence GNU GPL)
B http://kate-editor.org/

 Komodo Edit (Multiplateforme, gratuit, freeware)
http://www.activestate.com/komodo-edit

 TextEdit (Mac OS X, licence propriétaire)
http://www.apple.com/fr/macosx/

 Smultron (Mac OS X, licence BSD)
http://www.peterborgapps.com/smultron/

 Adobe Dreamweaver (Windows, payant)
http://www.adobe.com/fr/products/dreamweaver/

 Adobe Edge Tools (outils gratuits et payants)
http://html.adobe.com/edge/

 Microsoft Expression Web (Windows, payant)
http://www.microsoft.com/france/expression/

 Emmet (ex Zen Coding)
http://docs.emmet.io/

En ce qui concerne l'un des outils les plus célèbres, Dreamweaver, un pack de création HTML 5 a été mis à disposition par Adobe pour adjoindre des modèles et conseils de code à la vue éditeur.

Adobe a aussi lancé une collection d'outils orientés vers HTML 5, nommée Adobe Edge Tools & Services. Il s'agit d'un ensemble de nouveaux programmes complémentaires aux suites graphiques qui visent à générer du code universel pour produire des animations, des interfaces en Responsive Web Design, des polices personnalisées via Typekit, un éditeur de code source, un inspecteur pour déboguer, etc.
figure 3–5 : adobe edge
Figure 3–5 : Adobe Edge © Eyrolles