Ondanks het feit dat de HTML5-specificatie officieel pas in 2022 zal zijn voltooid (hoewel deze in 2014 grotendeels zal zijn voltooid), duiken veel ontwerpers al in de delen van HTML5 die momenteel worden ondersteund in moderne browsers.

HTML5 opent een aantal nieuwe wegen voor webontwerp en ontwikkeling van webtoepassingen, dingen die voorheen alleen mogelijk waren met JavaScript of Flash.

Hier hebben we 175 ref-bronnen verzameld voor het leren van HTML5. Hieronder vindt u tutorials, frameworks, voorbeelden en nog veel meer.

Deel gerust meer bronnen van hoge kwaliteit in de comments!

Eenvoudige zelfstudies

HTML5-zelfstudie

Een zeer eenvoudige tutorial van W3sbchools.com.

HTML5 voor beginners. Gebruik het nu, het is gemakkelijk!
Een inleidende gids van What !? We willen graag praten over.

28 HTML5-functies, tips en technieken die u moet kennen

Een verzameling zeer nuttige HTML5-tips van Nettuts +.

Inleiding tot HTML5

Een 40 minuten durende video-zelfstudie van Google-medewerker Brad Neuberg.

Snelle tip: HTML5-functies die u op dit moment zou moeten gebruiken

Een screencast van Nettuts +.

Leren om van HTML5 te houden

Een goed overzicht van de voordelen van HTML5, evenals enkele zeer nuttige tips.

Voorbereiding op HTML5 met Semantic Class-namen

Een artikel van Jon Tan over de nieuwe semantische klassen in HTML5.

HTML5: de basis (1 van 4)

Een inleiding tot HTML5, met informatie over API's, nieuwe elementen en meer.

Alles wat u moet weten over HTML5

Een introductie van TechRadar UK.

HTML5-zelfstudie

Een zeer eenvoudige tutorial-site.

Structurele tags in HTML5

Een inleiding tot de structurele tags die veel divs zullen vervangen.

HTML5 Rocks My Socks Off

Een zeer nuttige handleiding voor beginners voor HTML5

HTML5, nog een keer

Een eenvoudige handleiding voor frontend ontwerpen met HTML5.

HTML5-presentatie

Een enorme diavoorstelling over HTML5, gebouwd in HTML5.

Het Header Element

Een inleiding tot het header-element van HTML5 Doctor.

HTML5 en de toekomst van het web

Vanaf juli 2009 behandelt dit artikel de basisprincipes van HTML5.

CSS-codestructuur voor HTML5: enkele bruikbare richtlijnen

Enkele bruikbare richtlijnen van Woork.

HTML5 Unleashed: tips, trucs en technieken

Een overzicht met informatie over semantische opmaak, formulieren en meer.

Bouw sites in HTML5

HTML5 zelfstudie - Aan de slag

Een eenvoudige HTML5-zelfstudie met een basissjabloonbestand.

Codeer een levendig professioneel webontwerp met HTML5 / CSS3

Codeer een achterwaarts compatibel, één paginaportfolio met HTML5 en CSS3

Tutorial: case study met HTML5 en CSS3

Touch the Future: maak een elegante website met HTML5 en CSS3

Codering van een CSS3 & HTML5 One-Page Website Template

Codering Een HTML-lay-out van Scratch

HTML5 en CSS3: de technieken die u binnenkort zult gebruiken

Ontwerp en codeer een coole iPhone-app-website in HTML5

Eenvoudige layout van de website-indeling met HTML5 en CSS3

HTML5 gebruiken om het TwentyTen-thema van WordPress te transformeren

Een zelfstudie om meer HTML5-elementen te gebruiken dan het standaard TwentyTen-thema.

HTML5 en CSS3 in Dreamweaver CS5 - Deel 1: De webpagina bouwen

De eerste in een meerdelige serie over codering in HTML5 en CSS3 in Dreamweaver, van Adobe.

Maak moderne websites met HTML5 en CSS3

Een tussentijdse zelfstudie van IMB's developerWorks.

Webpagina's bouwen met HTML5

Van Wired's Webmonkey

Een blog ontwerpen met HTML5

Handleidingen over doek

Een HTML5-diavoorstelling met Canvas en jQuery

Bouncing a Ball Around met HTML5 en JavaScript

Hoe te tekenen met HTML5 Canvas

Een uitgebreide introductie tot tekenen met Canvas, van Think Vitamin.

HTML5 Canvas - De basisprincipes

Een grondige inleiding tot Canvas van Dev.Opera.

Denken aan HTML5 Canvas Accessibility

Een overzicht van overwegingen om Canvas toegankelijk te maken.

HTML5 Canvas Element Guide

Een uitgebreide gids van Six Revisions.

Canvas-zelfstudie

Een canvas-tutorial van Mozilla Developer Network met tekenvormen, afbeeldingen en nog veel meer. Geschikt voor canvas-beginners.

Zelfstudies voor lokale opslag

Permanente plaknotities bouwen met lokale opslag

Een praktische handleiding voor lokale opslag.

Bronzelfstudie bekijken: plaknotities met HTML5 en CSS3

De plaknotities in deze zelfstudie hebben een cool animatie-effect wanneer ze zijn gesloten.

Browseropslag voor HTML5-apps

Nog een tutorial voor het gebruik van lokale opslag in HTML5-apps.

HTML5 localStorage - Deel een

De eerste in een vierdelige handleiding.

Snelle tip: leren over HTML5 lokale opslag

Een video-zelfstudie van Nettuts +.

webOS HTML5 Databaseopslag zelfstudie

Een zelfstudie voor het gebruik van HTML5's lokale opslagfunctionaliteit met Palm's webOS.

Formulier zelfstudies

Een velddag houden met HTML5-formulieren

Hoe maak ik cross-browser HTML5-formulieren

Zoekvakken ontwerpen met HTML5 en CSS3

Rethinking Forms in HTML5

HTML5-formulieren komen eraan

Wat korte informatie over wat HTML5 betekent voor formulierontwerp.

Handleidingen voor video en multimedia

Een aangepaste HTML5-videospeler bouwen met CSS3 en jQuery

Tutorial: Hoe een HTML5-videospeler te bouwen

Opblazen HTML-video en in kaart brengen in 3D Space

Tutorial: Presenteren HTML5 Video Cross Browser (inclusief iPad)

Een uitgebreide tutorial over HTML5-video.

Het video-element

Een inleiding tot het gebruik van het video-element van HTML5 Doctor.

App-tutorials

Hoe een HTML5 iPhone-app maken

In deze zelfstudie leer je hoe je een offline HTML5-app voor een iPhone kunt maken.

HTML5-apps: positionering met geolocatie

Een inleiding tot de geolocatie-API's in HTML5.

Mobiele webapps maken met HTML5, deel 1

Van IBM's developerWorks, de eerste in een vijfdelige serie uit 2010.

Offline webapps maken op mobiele apparaten met HTML5

Een andere gids van IBM's developerWorks.

HTML5-apps: wat, waarom en hoe

Een overzicht van Nettuts +, met praktische ideeën.

Meer tutorials

Een leuke pop-upbalk maken met HTML5, CSS3 en jQuery

Een praktische tutorial van SpyreStudios.

Hoe u alle browsers kunt maken Geef HTML5 Mark-Up correct weer - Zelfs IE6

Van Nettuts +.

HTML5 en CSS3 zonder schuldgevoel

Tools en technieken om HTML5 en CSS3 beter compatibel te maken met meerdere browsers.

HTML5 Drag en Drop implementeren

Een Nettuts + Premium-zelfstudie.

Mijn Top 5 HTML-coderingvoorkeuren

Met redenering achter de voorkeuren en enkele geweldige how-to-info.

HTML5 Microdata: Welkom bij de machine

Een overzicht van de microdata-specificatie.

Combinatie van moderne CSS3- en HTML5-technieken

Een Nettuts + Premium-zelfstudie.

HTML5: nav ambiguïteit opgelost

Enige verduidelijking van de geschiktheid van het gebruik van het nav-element van Jeffrey Zeldman.

HTML5-spiekbriefjes en snelle referenties

HTML5 & CSS3-ondersteuning

Een zeer handige grafiek met browsercompatibiliteit voor zowel HTML5 als CSS3.

HTML5 gereedheid

Een interactieve infographic die compatibiliteit van verschillende HTML5-elementen voor elke grote browser biedt.

HTML5 Pocket Book

Een opvouwbare pocketreferentiegids.

HTML5 Canvas Cheat Sheet

Visual Cheat Sheet HTML5

HTML 5 Cheatsheet (PDF)

WTF is HTML5 en Why We Should All Care

Een infographic die uitlegt wat HTML5 is en wat het kan.

HTML5-tagreferentie

Een grafiek van de W3C-scholen.

HTML5 Woordenlijst

Van HTML5 Doctor.

HTML 5 Referentie

De officiële W3C-referentie.

HTML5-verschillen van HTML4

Van de W3C.

Een selectie van ondersteunde functies in HTML5

Een grafiek waarin wordt beschreven welke browsers welke functies afdekken.

Wanneer kan ik gebruiken ...

Controleer de compatibiliteit van verschillende HTML5-elementen in verschillende browsers.

Vergelijking van layout-engines (HTML5)

Een vergelijking van ondersteuning voor HTML5 vs HTML4 voor een aantal browser layout-engines, van Wikipedia.

HTML5 ID / Klasse Naam Cheatsheet

Een gids voor HTML5-structurele elementen.

HTML5-test

Test uw huidige browser op HTML5-ondersteuning en laat de scores van andere browsers zien.

HTML5-tracker

Een grafiek met herzieningen van de standaard.

HTML5 Cheatsheet voor beveiliging

Een handige site die laat zien wat uw browser achter de schermen doet met bepaalde HTML5-elementen.

Sites gewijd aan HTML5

W3C HTML5-logo

De site bevat het officiële HTML5-logo en links naar galerij- en merchandise-inhoud.

HTML5-zelfstudie

HTML5-zelfstudie bevat een breed scala aan HTML5-zelfstudies en nieuws.

Gratis HTML5-sjablonen

Een verzameling eenvoudige, gratis HTML5-sjablonen.

HTML5 Rocks

Inclusief tutorials, bronnen en een speeltuin om te experimenteren met HTML5.

HTML5 Doctor

Bevat een vraag en antwoord, artikelen en meer.

HTML Canvas-zelfstudies

Een site vol met Canvas-tutorials en een vitrine.

De WHATWG-blog

De blog van de groep die aan de HTML5-standaard werkt.

HTML5Trends.com

Een HTML5-nieuws- en tutorial-site.

Mobiele HTML5

Een site die is bedoeld om de ontwikkeling van HTML5 mobiele web-apps te leren.

frameworks

HTML5 Boilerplate

Een solide standaard HTML5-framework.

Minder kader 4

Het Less Framework 4 is een CSS3- en HTML5-raamwerk met opties voor roosters voor mobiele apparaten, tablets en desktops.

52 Framework

Een framework dat HTML5, CSS3 en JavaScript combineert.

SproutCore

Een HTML5-toepassingsraamwerk.

Roots WordPress Theme

Een HTML5 en CSS3 WordPress-startthema.

LimeJS

Een HTML5-gamekader.

Baseline

Een CSS-raster met stijlen voor sommige HTML5-elementen.

Baker Ebook Framework

Een ebook-framework voor de iPad gebouwd op HTML5.

Popcorn.js

Een HTML5 JavaScript-bibliotheek voor video.

DHTMLX Aanraken

Een HTML5-gebaseerde JavaScript-bibliotheek voor mobiele web-apps.

HTML5 Multimedia Framework voor WordPress

Een HTML5 multimedia-framework in een WordPress plug-in.

H5 WordPress Theme

Een HTML5-startthema voor WordPress.

SwitchToHTML5

Een HTML5-frameworkgenerator.

Jo

Een mobiel HTML5-toepassingsraamwerk.

De officiële gids voor HTML5-boilerscherm

Een screencast van Nettuts +

showcases

HTML5 Mania

HTML5 web design galerij.

HTML5-showcase

Een galerij met uitzonderlijke HTML5-sites van over de hele wereld.

HTML5-websites

Een andere galerij met HTML5-siteontwerpen.

HTML5 Elite

Weer een showcase van geweldige HTML5-sites.

HTML5 gebaseerd

HTML5 web design showcase.

HTML5-vitrine: 48 potentiële demo's over Flash-Killing

Van HongKiat.

HTML5-galerij

Een verzameling sites gebouwd op HTML5.

Canvas demo's

Een showcase van applicaties, games, tools en tutorials voor HTML5 Canvas.

12 Prachtige HTML5-webdesign-presentaties

Een etalage van 12 HTML5-websites.

Sneaking in the Future: 25 ultra moderne websites met HTML5

Een etalage van 25 op HTML5 gebaseerde ontwerpen.

30 prachtige sites HTML5 gebruiken in hun kernopmaak

Weer een showcase van HTML5-gebaseerde sites.

Demo's en voorbeelden

HTML5-demo's en voorbeelden

Een verzameling voorbeelden van wat u kunt doen met HTML5, met een handige grafiek voor browsercompatibiliteit.

HTML5 Canvas- en audiotest

Een zeer coole HTML5 Canvas-animatie.

HTML5- en CSS3-experimenten

Een reeks element- en layout-experimenten en demo's.

SublimeVideo

Een HTML5-videospeler.

Projekktor

Een gratis HTML5-videospeler.

10 HTML5-demo's om u te laten vergeten over Flash

12 ongelooflijke HTML5-experimenten

Video voor iedereen!

Een andere HTML5-videospeler.

HTML5 Media

Maakt video- en audiotags in alle gangbare browsers.

Modernizr

Een JavaScript-bibliotheek die HTML5- en CSS3-elementen compatibel maakt met oudere browsers.

Boeken

HTML5 voor webontwerpers

Door Jeremy Keith, uitgegeven door A Book Apart.

HTML5: rijke internettoepassingen ontwerpen

Door Matthew David.

HTML5 & CSS 3 voor de echte wereld

Door Alex Goldstein, Louis Lazaris en Estelle Weyl

De Essential Guide to HTML5: Games gebruiken om HTML5 en JavaScript te leren

Door Jeanine Meyer.

HTML5 & CSS3: Ontwikkel vandaag nog met de normen van morgen

Door Brian P. Hogan.

HTML5 Canvas: Native Interactivity and Animation for the Web

Door Steve Fulton en Jeff Fulton, uitgegeven door O'Reilly.

Pro HTML5 en CSS3 ontwerppatronen

Door Michael Bowers. Uitgevoerd in september 2011, maar beschikbaar als onderdeel van Apress's Alpha-programma.

Pro HTML5-programmering: krachtige API's voor een rijkere ontwikkeling van internettoepassingen

Door Peter Lubbers, Brian Albers en Frank Salim.

HTML5-oplossingen: essentiële technieken voor HTML5-ontwikkelaars

Door Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser en Cyril Hanquez.

Foundation HTML5 Canvas: voor games en entertainment

Door Rob Hawkes.

Stichting HTML5-animatie met JavaScript

Van Keith Peters en Billy Lamberta.

De definitieve handleiding voor HTML5-video

Van Silvia Pfeiffer.

HTML5 24-uurs trainer

Door Joseph W. Lowery en Mark Fletcher.

Duik in HTML5

Een complete ebook-inleiding tot HTML5, van Mark Pilgrim.

Introductie van HTML5

Door Bruce Lawson en Remy Sharp.

Smashing HTML5

Door Bill Sanders.

Meer middelen en artikelen

Hoe HTML5-websockets communiceren met proxyservers

Een voorbeeld van HTML5

Van A List Apart, gepubliceerd in december 2007.

Ja, u kunt vandaag HTML5 gebruiken!

Een Sitepoint-artikel van medio 2009.

De kracht van HTML5 en CSS3

Een diepgaand inleidend artikel van Perishable Press, gepubliceerd medio 2009.

Semantiek in HTML5

Een bespreking van de semantische elementen van HTML5, van A List Apart, gepubliceerd in 2009.

Kaltura HTML5 mediabibliotheek

Een JavaScript-bibliotheek waarmee u HTML5-video- en audiotags in verschillende browsers kunt gebruiken.

Meer over het ontwikkelen van naamgevingsconventies, microrepormaten en HTML5

Van For A Beautiful Web.

De opkomst van HTML5

Van Adactio.

Steve Smith op HTML5 en CSS3

Commentaar over wat HTML5 en CSS3 betekenen voor webdesign, van Think Vitamin.

HTML5 & CSS3: neem je ontwerp naar een ander niveau

Van Web Design Ledger.

HTML5: de feiten en de mythen

Een overzicht van veel van de mythen en misvattingen over HTML5, van Smashing Magazine.

HTML5 en jij

Een sessie van Nettuts +.

De status van HTML5-apps

Een geweldig commentaar op het bouwen van apps met HTML5.

Meer HTML5-razzia's

De ultieme HTML5-toolbox: 60+ artikelen, zelfstudies, bronnen en inspirerende vitrines

Van Creative Fan.

Leer HTML5: 10 moet lessen lezen

Van Webhosting Secrets Revealed

De toekomst van HTML5

Van Think Vitamin.

Ultieme verzameling HTML5- en CSS3-bronnen

Van Smashing Share.

15 Nuttige CSS3- en HTML5-sjablonen en -kaders

Van Speckyboy Design Magazine.

23 Essentiële HTML5-bronnen

Van Think Vitamin /

70 Must-Have CSS3- en HTML5-zelfstudies en bronnen

Van Webappers.

Een verzameling HTML5-bronnen en zelfstudies

Van Speckyboy Design Magazine.

25 Essentiële HTML5 zelfstudies en technieken

Van Template Monster.

HTML5 zelfstudies en technieken die u bezig houden

Van Noupe.

15 Handige HTML5 zelfstudies en cheat sheets

Van Web Design Ledger.

De enige HTML5-bronnen die u nodig hebt om op snelheid te komen

Van zes revisies.

22 uitstekende HTML5-zelfstudies

Van BlogFreakz

40 Moet HTML5-zelfstudies, technieken en voorbeelden voor Webontwikkelaars zien

Van Stylish Web Designer.

30+ Zeer nuttige HTML5-voorbeelden, zelfstudies en technieken

Van Tripwire Magazine.

Exclusief geschreven voor WDD door Cameron Chapman .

Heb je een favoriete bron die we niet hebben behandeld? Laat het ons weten in de reacties!