HTML5 Boilerplate : 4ème version de l'outil de prototypage de designs
Documentation embarquée et de nouvelles @media queries

Le , par tarikbenmerar

0PARTAGES

4  1 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Paul TOTH
Expert éminent sénior https://www.developpez.com
Le 31/08/2012 à 12:33
et à quand le navigateur qui fonctionne correctement "de base" ?
Avatar de psychadelic
Expert confirmé https://www.developpez.com
Le 31/08/2012 à 15:33
Citation Envoyé par tarikbenmerar  Voir le message
[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)..
Avatar de camus3
Membre éprouvé https://www.developpez.com
Le 31/08/2012 à 18:09
Citation Envoyé par psychadelic Voir le message
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.

 
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web