Pendant les trois jours au Web 11, on peut voir des conférences, rencontrer du monde mais aussi assister à des ateliers. Un certain nombre d’ateliers sont animés par Orange, Google, Evernote, Linkedin ou Intel.

J’ai eu l’occasion d’assister à un atelier d’Intel sur l’HTML 5. Cet atelier prodiguait des bonnes pratiques et conseillait des bons outils et frameworks pour créer des applications en HTML 5. Le code de votre application doit être agile, maintenable et rapide. Il faut la tester le plus possible pour éventuellement repérer et corriger les bugs.

Des compilers existent pour simplifier l’écriture du code :

Les fonctions Stylus permettent d’apporter de la clarté dans le code CSS, on peut par exemple imaginer une fonction pour créer un dégradé en CSS 3 (qui ajoute les préfixes -moz, -webkit nécessaires pour une comptabilité sur la plupart des navigateurs récents).

HTML 5 Boilerplate fait partie des outils les plus populaires pour initialiser son application HTML 5.

Des frameworks CSS existent pour faciliter et normaliser la mise en page : 960 Grid System, Blueprint et Bootstrap (par Twitter).

Afin d’optimiser le chargement de son application, il peut être intéressant de minifier et compresser les fichiers CSS et JavaScript (cela supprime toutes les parties inutiles du code dont les espaces et les commentaires).

La librairie Modernizr permet de détecter si certaines fonctionnalités HTML 5 et CSS 3 sont supportées par le navigateur. Bien pratique pour assurer la rétrocompatibilité avec les anciens navigateurs.

Firebug, Page Speed et YSlow sont également très utiles pour débugger.

L’atelier était assez technique mais passionnant et enrichissant. Si vous avez des outils, bonnes pratiques ou conseils, n’hésitez pas à en parler dans les commentaires.

A propos de l'auteur : Camille

Camille Bouiller, 21 ans, passionné depuis quelques années de nouvelles technologies et particulièrement de tout ce qui concerne la création et la gestion de sites Web (XHTML, CSS, PHP, SQL, Python). Il est actuellement développeur front-end. Le suivre sur Twitter ou Google Plus                                                            Voir tous les articles de Camille