Innhold
Et flott sted å øke din HTML5-utdanning er HTML5 Boilerplate av Paul Irish og Divya Manian. Nettstedet lærer deg ikke hvordan du skriver HTML5; det samler imidlertid enorme mengder råd om beste praksis.
HTML5-støtte
- Vil du ha lenker til jQuery i Google CDN, men med reservekoblinger til serveren din i tilfelle CDN-serveren er nede? Sjekk.
- Vil du ha iOS, Android, Opera Mobile-tilpassbar markering og CSS-skjelett? Sjekk.
- Trenger du en .htaccess-fil som serverer HTML5-video med riktige MIME-typer? Sjekk.
Faktisk kan du tenke på dette nettstedet som en sjekkliste som gjør jobben for deg. Som en hvilken som helst sjekkliste som prøver å være uttømmende, vil du selvfølgelig finne at noe av det er overflødig.
"Det er ganske uttømmende," sier Manian, "så alle oppfordres til å se på og slette alt de synes er unødvendige. Generelt hjelper Boilerplate enormt, selv om du gjør HTML4- eller XHTML1.1-utvikling, men det har noen få flere triks når det gjelder HTML5. "
CSS Framework
Det er også et nyttig CSS-rammeverk, inkludert et HTML5-tilbakestillingsark fra .net-spaltisten Richard Clark, som inneholder mange andre nyttige ting som klasser for clearfix og gir innhold bare til skjermlesere.
Vi anbefaler grundig å se utvikler Paul Irishs videoopplæring før du begynner å bruke den på net.tutsplus.com/tutorials/html-csstechniques/ the-official-guide-to-html5-boilerplate /.
I tillegg er det fortsatt mer som kommer, forklarer Manian. "Vi jobber med å portere det til Sass / Haml, men vi er først og fremst begeistret for å lage et build-skript som vil automatisere beste fremgangsmåter som å minifisere JavaScript / CSS, komprimere PNG-er og så videre."
Videre lesning
Josh Ducks periodiske tabell - En visuell fremstilling av de 104 elementene i HTML5-arbeidsutkastet.
HTML5 test - En serie med nyttige nettlesertester for å sjekke HTML5-støtte
HTML5 demoer - HTML 5 eksperimentering og demoer
The Best HTML sites of 2011 - En samling av fremragende eksempler på HTML5-bruk
Hvilke andre ressurser bruker du for HTML5-utvikling? Del dem med oss i kommentarene nedenfor, så legger vi dem til denne støttesiden. Takk.