HTML5 Boilerplate : 4ème version de l'outil de prototypage de designs
Documentation embarquée et de nouvelles @media queries
Le 2012-08-31 12:02:43, par tarikbenmerar, Chroniqueur Actualités
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.
Source : change log
Et vous ?
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.
Source : change log
Et vous ?
-
camus3Membre éprouvé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.le 31/08/2012 à 18:09 -
Paul TOTHExpert éminent sénioret à quand le navigateur qui fonctionne correctement "de base" ?le 31/08/2012 à 12:33
-
psychadelicExpert confirmé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)..le 31/08/2012 à 15:33