HTML5 Boilerplate et Twitter Bootstrap

J’ai lu diverses questions auxquelles j’ai répondu sur Stack à propos de Twitter Bootstrap et HTML5.

Je sais ce qui suit:

  • Bootstrap et H5BP ne sont pas équivalents et sont utilisés à des fins différentes
  • Je sais à quoi sert Bootstrap, je l’utilise tous les jours – Il s’agit d’une infrastructure frontale, CSS et JS prête à l’emploi. Ils ont une documentation complète sur leur site Web où vous pouvez voir ce qu’ils ont à offrir dans le cadre et comment l’implémenter …
  • Vous pouvez combiner les puissances des deux en utilisant initializr
  • H5BP est un modèle … c’est à peu près tout …

Mais ce que je ne sais pas encore , c’est ce qui suit:

  • À quoi sert le H5BP? En visitant leur site Web, ils ne vous donnent que les fichiers sources et c’est tout (oh oui, et une vidéo). Quels sont les avantages de son utilisation et pourquoi voudriez-vous l’utiliser avec Bootstrap par exemple?

Vous avez raison, c’est un modèle. C’est un modèle qui rassemble un ensemble de meilleures pratiques pour développer des sites Web HTML5. Vous n’avez pas besoin de l’utiliser, mais si vous le faites, vous pouvez être assuré que vous bâtissez sur des bases solides qui ont été développées et perfectionnées par les plus grands développeurs au fil des ans. Pour reprendre les mots de Paul Irish, l’un des principaux concepteurs du projet:

“Il s’agit essentiellement d’un bon modèle de démarrage de HTML et de CSS et d’une structure de dossiers qui fonctionne. Mais les nombreuses bonnes pratiques des professionnels du développement front-end sont essentielles.”

Je suggère de télécharger la version entièrement commentée du passe-partout et de parcourir le code pour vous donner une idée de la pensée qui est entrée et des cas traités. (Voir aussi cet article qui met en évidence les extraits de code de la langue standard que vous devriez utiliser sur votre site). Celles-ci devraient vous aider à décider si vous souhaitez l’utiliser comme sharepoint départ de votre projet ou non.

Le HTML5bp initializr inclut même une option bootstrap, donc il ne pourrait pas être plus facile!