HTML5 Boilerplate dan Twitter Bootstrap

94

Saya telah membaca berbagai pertanyaan yang dijawab di Stack tentang Twitter Bootstrap dan boilerplate HTML5.

Saya tahu yang berikut:

  • Bootstrap dan H5BP tidak setara dan digunakan untuk tujuan yang berbeda
  • Saya tahu untuk apa Bootstrap digunakan, saya menggunakannya setiap hari - Ini adalah kerangka kerja front-end, CSS dan JS siap digunakan. Cukup terapkan kelas yang tepat untuk pemilih / elemen Anda dan Bootstrap melakukan segalanya untuk Anda. Mereka memiliki dokumentasi dukungan ekstensif di situs web mereka di mana Anda dapat melihat apa yang mereka tawarkan di dalam kerangka kerja dan bagaimana menerapkannya ...
  • Anda dapat menggabungkan kekuatan keduanya dengan menggunakan initializr
  • H5BP adalah template ... um itu saja ...

Tapi yang belum saya ketahui , adalah sebagai berikut:

  • Untuk apa H5BP digunakan? Saat mengunjungi situs web mereka, mereka hanya memberi Anda file sumber dan hanya itu (oh ya, dan video). Apa keuntungan menggunakannya dan mengapa Anda ingin menggunakannya bersama Bootstrap misalnya?
DextrousDave
sumber
1
Sesuai jawaban, H5BP berguna untuk memulai dengan hal-hal seperti dasar normalize.css yang baik, dan ditto untuk elemen kebersihan dan sangat bagus jika Anda tidak menginginkan bagasi yang disertakan dengan BS et al.
Simpleton

Jawaban:

70

Anda benar, ini adalah template. Ini adalah template yang menyatukan serangkaian praktik terbaik untuk mengembangkan situs web HTML5. Anda tidak harus menggunakannya, tetapi jika Anda menggunakannya, Anda dapat yakin bahwa Anda membangun di atas fondasi yang kokoh yang telah dikembangkan dan diasah oleh pengembang papan atas selama bertahun-tahun. Dalam kata-kata Paul Irish, salah satu pengembang utama proyek:

“Ini pada dasarnya adalah template awal yang baik untuk html dan css serta struktur folder yang berfungsi., Namun tertanam di dalamnya praktik terbaik bertahun-tahun dari para profesional pengembangan front-end.”

Saya akan menyarankan untuk mengunduh versi boilerplate yang sepenuhnya dikomentari dan membaca kode untuk memberi Anda gambaran tentang pemikiran yang telah masuk ke dalamnya dan kasus yang ditanganinya. (Lihat juga artikel ini yang menyoroti cuplikan kode dari boilerplate yang harus Anda gunakan di situs Anda). Ini akan membantu Anda memutuskan apakah Anda ingin menggunakannya sebagai titik awal untuk proyek Anda atau tidak.

The HTML5bp initializr bahkan termasuk opsi bootstrap, sehingga tidak bisa benar-benar menjadi lebih mudah!

net.uk.sweet
sumber