Boilerplate HTML5 et Bootstrap Twitter

93

J'ai lu diverses questions sur Stack à propos de Twitter Bootstrap et du passe-partout HTML5.

Je connais 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 simplement 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 puissances des deux en utilisant initializr
  • H5BP est un modèle ... euh c'est à peu près tout ...

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

  • À 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 l'utiliser et pourquoi voudriez-vous l'utiliser avec Bootstrap par exemple?
twitter-bootstrap html5boilerplate DextreDave
la source
1
Selon la réponse, H5BP est utile pour commencer avec des choses comme une bonne base normalize.css, et idem pour les éléments d'hygiène et c'est génial si vous ne voulez pas les bagages fournis avec BS et al.
Simpleton

Réponses:

70

Vous avez parfaitement raison, c'est un modèle. C'est un modèle qui rassemble un ensemble de bonnes 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. Pour reprendre les mots de Paul Irish, l'un des principaux développeurs du projet:

«C'est essentiellement un bon modèle de départ de html et css et une structure de dossiers qui fonctionne. Mais il y a des années de bonnes pratiques de la part des professionnels du développement front-end.»

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 allée et des cas qu'il gère. (Voir également cet article qui met en évidence des extraits de code du passe-partout que vous devriez utiliser sur votre site). Celles-ci devraient vous aider à décider si vous voulez ou non l'utiliser comme point de départ de votre projet.

L' initializr HTML5bp inclut même une option d'amorçage, donc cela ne pourrait pas vraiment être plus facile!

net.uk.sweet
la source