Discussion :

[tarikbenmerar]

HTML5 Boilerplate atteint sa quatrième version
Code réorganisé, documentation embarquée, licence MIT et nouvelles @media queries


La nouvelle version de HTML5 Boilerplate vient d'être distribuée. C'est le quatrième opus du fameux outil de prototypage de designs HTML5, à partir de templates HTML, CSS et JavaScript.

Quoi de neuf dans cette version ? D'abord un nouveau site élégant, une nouvelle licence MIT (au lieu d'être simplement dans le domaine public), une documentation embarquée et un code réorganisé et épuré. Les commentaires « inlines » superflus ont été enlevés et les fichiers CSS, JS et les sous répertoires renommés. On remarque aussi une meilleure uniformisation du formatage du code.

Divers codes des bibliothèques de base de Boilerplate ont aussi été mis à jour : jQuery 1.8, Modernizer 1.0.1 ainsi que Normalize.css 1.0.1. Ce dernier a été séparé du reste des CSS, et la version jQuery non compressée a été complètement enlevée.

Du côté des recommandations techniques et de design, l'équipe du projet a amélioré la configuration de compression d'Apache et la protection de la commande console.log(). Elle a aussi changé la technique de remplacement d'image et remplacé la couleur rose criarde de sélection de texte par une couleur neutre.

Cette version est aussi l'occasion d'introduire les premières pistes de réflexion sur le ciblage des écrans de très haute résolution (affichage Retina notamment) via requêtes @media.

Télécharger HTML5 Boilerplate

Source : change log

Et vous ?

Utilisez-vous Boilerplate ? Dans quel genre de projet ?
Quelle a été votre expérience personnelle avec HTML 5 Boilerplate ?
Quel futur pour cet outil ?

[Paul TOTH]

et à quand le navigateur qui fonctionne correctement "de base" ?

[psychadelic]

[B][SIZE="4"]
Cette version est aussi l'occasion d'introduire les premières pistes de réflexion sur le ciblage des écrans de très haute résolution (affichage Retina notamment) via requêtes @media.

Un site correctement codé devrait utiliser partout des tailles relatives (en %)

Sinon, de base, SVG permet aussi de régler ce problème avec un simple viewBox...

Dommage que BoilerPlate n'intègre pas de librairies pour SVG (sauf en pluggin)..

[camus3]

Un site correctement codé devrait utiliser partout des tailles relatives (en %)

Sinon, de base, SVG permet aussi de régler ce problème avec un simple viewBox...

Dommage que BoilerPlate n'intègre pas de librairies pour SVG (sauf en pluggin)..

Un site correctement codé doit être un mélange de design "responsif" et "adaptatif". Les images ont une résolution maximum et la police utilisée ne peut être inférieur à une taille donnée pour être lisible. On ne peut donc pas se baser que sur des tailles en pourcentage pour le design ( les écrans n'ont de plus pas le ratio V/H ).
Enfin la résolution d'écran n'a rien à voir avec la densité des pixels.