Nieuws

Bij de nascholingscursus van de UvA/VU toonde Eelco Dijkstra ons een prachtige demonstratie van HTML 5. Het liefst moet je de presentatie met Chrome openen want dat is de browser die HTML 5 het best ondersteunt.

http://slides.html5rocks.com

Een klein dingetje heb ik maar eens toegepast op een mini-website die ik toch een dezer dagen moest maken. Bij een tabel kun je op een hele eenvoudige manier even en oneven rijen een ander kleurtje geven. Dat kon uiteraard al met Javascript (maar als de gebruiker Javascript heeft geblokkeerd gaat dat dus niet door) of door elke rij een class mee te geven, maar dat is veel werk.

Het kan in HTML 5 eenvoudig met nth-child. Een voorbeeldje kun je zien op www.nationalepupillendag.org bij Organisatie, Tijdschema en Eregalerij. De code in CSS is als volgt:

tr:nth-child(odd) {
 background-color: #FFF;
}

tr:nth-child(even) {
 background-color: #CCC;
}