Une hirondelle ne fait pas le printemps parait-il, mais la sortie de HTML5 Boilerplate en version finale 1.0 pourrait bien redonner le sourire et réchauffer le cœur des intégrateurs HTML & CSS et des développeurs web à l’affut des bonnes pratiques. HTML5 Boilerplate est un concentré des meilleurs techniques du moment : classes CSS conditionnelles pour IE6, IE7 et IE8 ; Javascript (jQuery) ; configuration de différents serveurs (.htaccess, web.config, nginx.conf) ; prise en compte des mobiles (Handheld) ; HTML5 et CSS3 (Modernizr ou html5shiv) ; Google Analytics. Grosse cerise sur le gâteau, tout est optionnel et configurable via à un générateur en ligne.
HTML5 Boilerplate ne vous oblige à rien : configurez comme vous voulez !
Parmi les fonctionnalités proposées, nous trouvons :
- Compatibilité inter-navigateurs,
- Prêt pour le HTML5.
- Mise en cache optimale et règles de compression pour les meilleures performances possibles
- Script de configuration.
- Optimisations pour les navigateurs mobiles.
- Perfectionnement progressif et dégradation gracieuse.
- Classes spécifiques à IE pour une gestion optimale des différences entres les navigateurs.
- Classes `.no-js` et `.js` très pratiques pour styler selon les capacités des navigateurs
- Tests unitaires.
- Console.log pour les navigateurs qui n’en possèdent pas.
- Une feuille de style optimale pour l’impression aux performances optimisées.
- Balisage et squelette CSS adaptable pour iOS, Android et Opera Mobile.
- IE6 pngfix pré-intégré.
- Classes `.clearfix`, `.visuallyhidden` pour styler proprement et de manière accessible.
- Fichier .htaccess qui permet une autorisation propre des fonctionnalités HTML5 et un chargement plus rapide des pages.
- jQuery hébergé sur un CDN ou récupéré en local au cas où.
- Vous pensez qu’il y en a trop ? Boilerplate est un ami de la touche DELETE. 🙂
Pour la route
- Téléchargez la version de production ou d’étude,
- Lire la documentation,
- Retrouvez HTML5 Boilerplate sur GitHub.
Profiling JavaScript…pour IE6 et IE7 > Je crois justement qu’ils ont enlevé le YUI profiling pour la v1.0 vu que personne ne s’en servait vraiment. Le plus gros taff est clairement sur le script de build. Mon portfolio est basé sur boilerplate, et j’avoue que leur build est vraiment bien branlé si je puis dire 🙂
Dans l’enthousiasme, je n’ai pas vérifié le pitch d’intro de HTML5 Boilerplate. Il semble que le changelog ne soit pas toujours à jour 😉 Merci pour ta vigilance !
Bonjour Bruno, je me souviens de ton article précédent concernant Boilerplate, merci pour la mise à jour. Je viens de penser à toi à la lecture d’un bon article qui promeut un grid conditionnel à la taille des écrans, que je te partage : Grid-based web design