Boilerplate HTML5 e Bootstrap Twitter

Ho letto varie risposte alle domande su Stack su Twitter Bootstrap e HTML5 boilerplate.

Conosco quanto segue:

• Bootstrap e H5BP non sono equivalenti e vengono utilizzati per scopi diversi
• So per cosa viene utilizzato Bootstrap, lo uso tutti i giorni: è un framework front-end, CSS e JS pronti all'uso, basta applicare le classi giuste ai selettori / elementi e Bootstrap fa tutto per te. Hanno un'ampia documentazione di supporto sul loro sito Web dove puoi vedere cosa hanno da offrire all'interno del framework e come implementarlo ...
• Puoi combinare i poteri dei due usando initializr
• H5BP è un modello ... ehm, questo è tutto ...

Ma quello che ancora non so , è il seguente:

• Per cosa diavolo viene utilizzato H5BP? Quando visiti il ​​loro sito web ti danno solo i file sorgente e il gioco è fatto (oh sì, e un video). Quali sono i vantaggi di usarlo e perché dovresti usarlo insieme a Bootstrap, ad esempio?

Hai esattamente ragione, è un modello. È un modello che riunisce una serie di best practice per lo sviluppo di siti Web HTML5. Non è necessario utilizzarlo, ma se lo fai puoi essere certo che stai costruendo su solide basi che sono state sviluppate e affinate dai migliori sviluppatori nel corso degli anni. Nelle parole di Paul Irish, uno dei principali sviluppatori del progetto:

"È essenzialmente un buon modello di partenza di html e css e una struttura di cartelle che funziona., Ma incorporati in esso sono anni di best practice da professionisti dello sviluppo front-end."

Suggerirei di scaricare la versione completamente commentata del boilerplate e di leggere il codice per avere un'idea del pensiero che è stato inserito e dei casi che gestisce. (Vedi anche questo articolo che evidenzia gli snippet di codice dal boilerplate che dovresti usare sul tuo sito). Questi dovrebbero aiutarti a decidere se vuoi usarlo come punto di partenza per il tuo progetto o meno.

L' inizializr HTML5bp include anche un'opzione bootstrap, quindi non potrebbe essere più semplice!