web-dev-qa-db-fra.com

Boilerplate HTML5 et Twitter Bootstrap

J'ai lu diverses questions sur Stack à propos de Twitter Bootstrap et passe-partout 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 - C'est un framework frontal, CSS et JS prêt à l'emploi. Appliquez juste les bonnes classes à vos sélecteurs/éléments et Bootstrap fait tout pour vous. Ils ont une documentation de support complète sur leur site Web où vous pouvez voir ce qu'ils ont à offrir dans le cadre et comment le mettre en œuvre ...
  • Vous pouvez combiner les pouvoirs des deux en utilisant initializr
  • H5BP est un modèle ... euh c'est tout ...

Mais ce que je ne sais pas encore , est le suivant:

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

Vous avez parfaitement raison, c'est un modèle. Il s'agit d'un modèle qui rassemble un ensemble de meilleures pratiques pour le développement de sites Web HTML5. Vous n'êtes pas obligé de l'utiliser, mais si vous le faites, vous pouvez être assuré que vous construisez sur une base solide qui a été développée et perfectionnée par les meilleurs développeurs au fil des ans. Selon les mots de Paul Irish, l'un des principaux développeurs du projet:

"Il s'agit essentiellement d'un bon modèle de départ en html et css et d'une structure de dossiers qui fonctionne.

Je suggérerais de télécharger la version entièrement commentée du passe-partout et de lire le code pour vous donner une idée de la pensée qui y est entrée et des cas qu'il gère. (Voir aussi cet article qui met en évidence les extraits de code du passe-partout que vous devriez utiliser sur votre site). Ceux-ci devraient vous aider à décider si vous souhaitez l'utiliser comme point de départ pour votre projet ou non.

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

68
net.uk.sweet