HTML5 Boilerplate und Twitter Bootstrap


92

Ich habe verschiedene auf Stack beantwortete Fragen zu Twitter Bootstrap und HTML5 Boilerplate gelesen.

Ich weiß folgendes:

  • Bootstrap und H5BP sind nicht gleichwertig und werden für unterschiedliche Zwecke verwendet
  • Ich weiß, wofür Bootstrap verwendet wird, ich verwende es jeden Tag. Es ist ein gebrauchsfertiges Front-End-Framework, CSS und JS. Wenden Sie einfach die richtigen Klassen auf Ihre Selektoren / Elemente an, und Bootstrap erledigt alles für Sie. Sie haben eine umfangreiche Support-Dokumentation auf ihrer Website, in der Sie sehen können, was sie innerhalb des Frameworks zu bieten haben und wie es implementiert wird ...
  • Sie können die Kräfte der beiden mit initializr kombinieren
  • H5BP ist eine Vorlage ... ähm, das ist es ...

Was ich aber noch nicht weiß , ist Folgendes:

  • Wofür zum Teufel wird H5BP verwendet? Beim Besuch ihrer Website geben sie Ihnen nur die Quelldateien und das wars (oh ja, und ein Video). Was sind die Vorteile der Verwendung und warum sollten Sie es beispielsweise zusammen mit Bootstrap verwenden?

1
Laut Antwort ist H5BP nützlich, um mit Dingen wie einer guten normalize.css-Basis zu beginnen, ebenso wie Hygieneelemente, und es ist großartig, wenn Sie das mit BS et al.
Simpleton

Antworten:


70

Sie haben genau Recht, es ist eine Vorlage. Es ist eine Vorlage, die eine Reihe von Best Practices für die Entwicklung von HTML5-Websites zusammenfasst. Sie müssen es nicht verwenden, aber wenn Sie dies tun, können Sie sicher sein, dass Sie auf einem soliden Fundament aufbauen, das im Laufe der Jahre von Top-Entwicklern entwickelt und verfeinert wurde. Mit den Worten von Paul Irish, einem der Hauptentwickler des Projekts:

"Es ist im Wesentlichen eine gute Startvorlage für HTML und CSS und eine funktionierende Ordnerstruktur. Darin sind jedoch jahrelange Best Practices von Front-End-Entwicklungsprofis enthalten."

Ich würde vorschlagen, die vollständig kommentierte Version des Boilerplates herunterzuladen und den Code durchzulesen, um sich selbst ein Bild von dem Gedanken zu machen, der darin enthalten ist, und den Fällen, die damit behandelt werden. (Siehe auch diesen Artikel, in dem Codefragmente von der Boilerplate hervorgehoben werden, die Sie auf Ihrer Site verwenden sollten.) Diese sollen Ihnen bei der Entscheidung helfen, ob Sie es als Ausgangspunkt für Ihr Projekt verwenden möchten oder nicht.

Die HTML5bp-Initialisierung enthält sogar eine Bootstrap-Option, sodass es nicht einfacher sein könnte!

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.