HTML5 Boilerplate і Twitter Bootstrap

93

Я прочитав різні запитання, на які відповіли в Stack, про Twitter Bootstrap та шаблонний шаблон HTML5.

Я знаю наступне:

  • Bootstrap та H5BP не є рівнозначними та використовуються для різних цілей
  • Я знаю, для чого використовується Bootstrap, я використовую його щодня - це інтерфейсний фреймворк, готовий до використання CSS та JS. Просто застосуйте правильні класи до ваших селекторів / елементів, і Bootstrap робить все за вас. На своєму веб-сайті вони мають велику документацію щодо підтримки, де ви можете побачити, що вони можуть запропонувати в рамках і як це реалізувати ...
  • Ви можете поєднати повноваження двох, використовуючи Initializr
  • H5BP - це шаблон ... гм про це ...

Але що я ще не знаю , так це:

  • Для чого, на біса, використовується H5BP? Відвідуючи їх веб-сайт, вони надають вам лише вихідні файли, і все (о так, і відео). Які переваги його використання і чому ви хочете використовувати його поряд із Bootstrap, наприклад?
twitter-bootstrap  html5boilerplate 
— DextrousDave
джерело
1
Відповідно до відповіді, H5BP корисний для початку з таких речей, як хороша основа normalize.css, а також для елементів гігієни, і чудово, якщо ви не хочете багажу, який постачається разом з BS et al.
— Simpleton

Відповіді:

70

Ви абсолютно праві, це шаблон. Це шаблон, який об’єднує набір найкращих практик для розробки веб-сайтів HTML5. Вам не потрібно його використовувати, але якщо ви це зробите, ви можете бути впевнені, що будуєте на міцній основі, яку розробляли та відточували провідні розробники протягом багатьох років. За словами Пола Ірландського, одного з основних розробників проекту:

"Це, по суті, хороший початковий шаблон HTML і CSS, а також структура папок, яка працює. Але в основу цього ввійшли роки кращих практик професіоналів з розробки програмного забезпечення".

Я б запропонував завантажити повністю прокоментовану версію зразка та прочитати код, щоб дати собі уявлення про думку, яка в нього входила, і про випадки, якими вона займається. (Див. Також цю статтю, де висвітлено фрагменти коду з шаблонного шаблону, який ви повинні використовувати на своєму сайті). Вони повинні допомогти вам вирішити, чи хочете ви використовувати його як вихідну точку для свого проекту чи ні.

HTML5bp initializr навіть включає в себе опцію початкового завантаження, тому він не міг бути простіше!

— net.uk.sweet
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.