Handige links om aan de slag te gaan met Html5

Html zorgt dat je deze zin leest, net als dat je andere pagina's op het wereldwijde web kunt zien. Html versie vier geldt als de standaard, inmiddels al heel wat jaren. Maar waar een vierde versie is daar kun je ook een vijfde verwachten. Dat heet evolutie. Html5 fladdert al rond en spreidt langzaam de vleugels.

Deze soms wat omstreden (wat is dat niet in de ict) 'new kid in town' moet Microsofts Silverlight de das omdoen, moet de flash-killer worden en zou Sun JavaFX overbodig maken. In Html5-webpagina’s is het mogelijk om tekst, afbeeldingen, multimedia en webapplicaties weer te geven in een browser zonder daarbij gebruik te maken van plug-ins als Silverlight, JavaFX en Flash. Minder codes, een snellere laadtijd van pagina's, een grotere compatibiliteit met verschillende browsers en verschillende platformen (laptop, mobiel, tablet, e-reader). Maar het moet meer kunnen, het kan al veel meer. Html5 is nog niet af, er is zelfs nog geen standaard afgesproken, de toekomstige W3C-standaard. En dat maakt het leren van Html5 er niet gemakkelijker op: wat je hebt geleerd en geïmplementeerd kan weer veranderen. Desondanks zijn er een aantal handige sites die je wegwijs maken in de wereld van Html5.

1. Een introductie
Een basic - maar daarom niet minder mooi - vormgegeven introductie. Basistheorie met betrekking tot Html5 wordt op deze site luchtig uitgelegd.

2. Test je browser
Wil je aan de slag met Html5, dan is het meer dan wenselijk te weten of je browser voldoende ondersteuning biedt. Je kunt je browser(s) hier testen.

3. Mogelijkheden in actie
Een overzicht met demo's van de mogelijkheden van Html5.

4. Welke browser ondersteunt wat?
Niet elke browser ondersteunt alle mogelijkheden van Html5. En dat is mooi (en handig) weergegeven op deze pagina.

5. Inspiratie opdoen
Beter goed gejat, dan slecht bedacht. Als je browser voldoende overweg kan met Html5, bekijk dan eens wat anderen met Html5 doen.

6. Gebruik een basistemplate voor je nieuwe Html5-project
Een basistemplate voor Html5 is Boilerplate. Zoals op de Boilerplate-site is te lezen: "Een professionele, snelle en betrouwbare basistemplate voor html/css/js-ontwikkelaars. Html5 Boilerplate is het resultaat van jaren onderzoek, waarbij alle 'best practices' in acht genomen werden: crossbrowsercompatibiliteit en -normalisatie, performantie, allerhande optimalisaties, en zelfs optionele dingen als crossdomain Ajax en Flash. Een basis .htaccess-bestand zorgt ervoor dat je Apache-server caching toelaat en voorziet ook in de juiste instellingen voor Html5 video, @font-face, en gzip. Boilerplate is geen framework, en verplicht je ook niet om een bepaalde ontwikkelfilosofie te volgen; het is gewoon een verzameling van slimme trucjes waarmee je snel en goed nieuwe projecten kan opstarten."

7. Formulieren maken
Html5 heeft extra functies gekregen als het gaat om het maken van formulieren. Hier kun je zelf een formulier samenstellen en testen. Sowieso kun je moeilijk heen om W3schools.com.

8. Je creatie valideren
Om te kijken of de pagina's van je nieuwe website voldoen aan de laatste regels, kun je de pagina's valideren. Is de pagina niet in orde dan krijg je een overzicht van foutmeldingen en waarschuwingen.

9. Meer lezen over Html5
Een uitgebreid overzicht met html5-links laat zien dat nog veel meer mogelijk is met Html5.

Weet je nog een interessante website over Html5? Laat hieronder een reactie achter.