Dat webpagina's allang niet meer uitsluitend om HTML draaien moge duidelijk zijn. Er komen steeds meer en betere technieken om informatie op fraaie en prettige wijze te tonen.

Een van die technieken is canvas. Canvas wordt door zo ongeveer alle browsers ondersteund. Op eentje na. Helaas is dat nou net die browser die nog steeds 75% van de markt 'regeert'.

Peter Nederlof laat op het LostBoys Blog zien waartoe canvas in staat is. Hij heeft een 3D engine ontwikkeld boven op het in essentie 2D canvas. Zijn verhaal wordt geillustreerd met een mooie demo.

Hierdoor geinspireerd wilde ik eens kijken hoever de iPhone met zijn excellente Safari browser mee kan komen.
Safari ondersteunt canvas en bovengenoemde demo werkt dan ook op de iPhone, maar wat betreft snelheid valt er nog wel het een en ander op af te dingen.

Safari op de iPhone kent gelukkig nog enkele zeer interessante nieuwe toevoegingen. Te weten: CSS-Animations en CSS-transforms.

Gebruikmakend van die 2 technieken kwamen we vrij eenvoudig tot de volgende demo (let op: enkel iPhone of iPodTouch).

In deze demo gebruiken we CSS-Transforms om de 3 vlakken met foto's in de 3D ruimte te positioneren.
Daarnaast gebruiken we CSS-Animations om te animeren van de ene ruimtelijke stand naar de andere.

Zonder te impliceren dat deze lijst in volgorde van belangrijkheid staat kan ik eigenlijk niet anders dan beginnen met JavaScript. En als je over JavaScript praat, dan heb je het natuurlijk over client-side programmeren , spelen met de DOM, XML en slim omgaan met CSS .

Voordat termen als Web 2.0 en AJAX populair werden zagen de meeste programmeurs JavaScript als een inferieur taaltje, en velen nu nog. Aan die mensen hebben wij het volgende te melden:

JavaScript maakt het web sexy.

En dat is een understatement. Met JavaScript is animeren mogelijk. Met JavaScript is het live updaten van content mogelijk. Single Page Interfaces zijn mogelijk. JavaScript tilt het web van digitale krant op naar dynamische, interactieve televisie en verder.

Ben jij er één van zien is geloven? Kijk dan maar eens naar onze projecten. Daar staat genoeg mooi JavaScript spul tussen.

Waarom die T nou soms wel en soms niet aan XSL geplakt wordt is sommige mensen een raadsel. Zoals voor de meeste internetvraagstukken bestaan voor deze ook meerdere antwoorden. Kies zelf maar welke je leuk vindt.

De serieuze uitleg

XSL is begonnen als een stylesheet taal. A la CSS, zeg maar. Vanwege de behoefte naar een krachtige styletaal kwamen hier allerlei transformatiefuncties bij. Toen men zich realiseerde dat het inmiddels was uitgegroeid tot iets dat ook wel handig was voor meer dan alleen stylesheets is XSL omgedoopt tot XSLT. En toen was het ook pas echt interessant.

De leuke uitleg

Die T, die staat voor Trechter. Een trechter waar je bergen XML in kunt gieten, om het vervolgens in een andere vorm (XML, HTML, of iets heel anders) eruit te krijgen. Wij gebruiken het in ieder geval graag om al die data die we zo graag in XML structureren te transformeren tot bijvoorbeeld webpagina’s.

Als wij zelf mogen kiezen, dan bouwen we ieder project in C#. Het is simpelweg een goed leesbare, logische, krachtige taal en bovendien onderdeel van een fijn platform, ASP.NET. De meeste componenten die automatisch bergen ongewilde code voor je produceren en je het schrijven van HTML en CSS uit handen nemen, daar zijn wij niet zo dol op. Dan bouwen we het liever zelf. Is wel zo netjes.

Maar de bodemloze put van libraries is wel berehandig. En Visual Studio maakt het met zijn code completion, snippets en tijdens-het-typen-controle allemaal zo makkelijk dat een kleuter zelfs nog een dikke webapplicatie kan schrijven. Maar dat zouden wij nooit hardop zeggen natuurlijk.