HTML5 Boilerplate e Twitter Bootstrap

Eu li várias perguntas respondidas no Stack sobre Twitter Bootstrap e HTML5 boilerplate.

Eu sei o seguinte:

• Bootstrap e H5BP não são equivalentes e são usados ​​para finalidades diferentes
• Eu sei para que o Bootstrap é usado, eu o uso todos os dias - É uma estrutura de front-end, CSS e JS prontos para usar. Basta aplicar as classes certas aos seus seletores / elementos e o Bootstrap fará tudo por você. Eles têm uma extensa documentação de suporte em seu site onde você pode ver o que eles têm a oferecer dentro do framework e como implementá-lo ...
• Você pode combinar os poderes dos dois usando o initializr
• H5BP é um modelo ... é só isso ...

Mas o que ainda não sei é o seguinte:

• Para que diabos o H5BP é usado? Quando visitam o site deles, eles fornecem apenas os arquivos de origem e é isso (ah sim, e um vídeo). Quais são os benefícios de usá-lo e por que você gostaria de usá-lo junto com o Bootstrap, por exemplo?

Você está exatamente certo, é um modelo. É um template que reúne um conjunto de melhores práticas para o desenvolvimento de sites HTML5. Você não precisa usá-lo, mas se o fizer, pode ter a certeza de que está construindo sobre uma base sólida que foi desenvolvida e aprimorada pelos principais desenvolvedores ao longo dos anos. Nas palavras de Paul Irish, um dos principais desenvolvedores do projeto:

“É essencialmente um bom modelo inicial de html e css e uma estrutura de pastas que funciona., Mas incorporados a ele são anos de práticas recomendadas de profissionais de desenvolvimento de front-end.”

Eu sugeriria baixar a versão totalmente comentada do boilerplate e ler o código para ter uma ideia do pensamento que foi pensado nele e dos casos que ele trata. (Veja também este artigo que destaca trechos de código do boilerplate que você deve usar em seu site). Isso deve ajudá-lo a decidir se deseja usá-lo como ponto de partida para o seu projeto ou não.

O initializr HTML5bp inclui até uma opção de bootstrap, então não poderia ser mais fácil!