Contenuto
Un ottimo posto per aumentare la tua formazione HTML5 è HTML5 Boilerplate di Paul Irish e Divya Manian. Il sito non ti insegna a scrivere HTML5; tuttavia, riunisce un'enorme quantità di consigli sulle migliori pratiche.
Supporto HTML5
- Desideri collegamenti a jQuery nel CDN di Google, ma con collegamenti di fallback al tuo server nel caso in cui il server CDN non sia attivo? Dai un'occhiata.
- Vuoi iOS, Android, markup adattabile a Opera Mobile e scheletro CSS? Dai un'occhiata.
- Hai bisogno di un file .htaccess che serva video HTML5 con i giusti tipi MIME? Dai un'occhiata.
In effetti, puoi pensare a questo sito come a una lista di controllo che fa il lavoro per te. Ovviamente, come ogni lista di controllo che cerca di essere esaustiva, troverai che parte di essa è ridondante.
"È abbastanza esaustivo", dice Manian, "quindi tutti sono incoraggiati a esaminare ed eliminare tutto ciò che ritengono non necessario. In generale, Boilerplate aiuta enormemente anche se stai facendo sviluppo HTML4 o XHTML1.1, ma ne ha alcuni in più trucchi quando si tratta di HTML5. "
CSS Framework
C'è anche un utile framework CSS, incluso un foglio di stile di ripristino HTML5 del giornalista .net Richard Clark, che incorpora molte altre cose utili come classi per clearfix e fornire contenuti solo agli screen reader.
Consigliamo vivamente di guardare il video tutorial dello sviluppatore Paul Irish prima di iniziare a utilizzarlo su net.tutsplus.com/tutorials/html-csstechniques/ the-official-guide-to-html5-boilerplate /.
Inoltre, c'è ancora molto altro in arrivo, spiega Manian. "Stiamo lavorando per portarlo su Sass / Haml, ma siamo principalmente entusiasti di creare uno script di build che automatizzi le best practice come la minimizzazione di JavaScript / CSS, la compressione di PNG e così via."
Ulteriore lettura
La tavola periodica di Josh Duck - Una rappresentazione visiva dei 104 elementi nella bozza di lavoro HTML5.
Test HTML5: una serie di pratici test del browser per verificare il supporto di HTML5
Demo HTML5: sperimentazione e demo HTML 5
I migliori siti HTML del 2011 - Una raccolta di esempi eccezionali di utilizzo di HTML5
Quali altre risorse utilizzi per lo sviluppo di HTML5? Condividili con noi nei commenti qui sotto e li aggiungeremo a questa pagina di supporto. Grazie.