Posts tonen met het label javascript. Alle posts tonen
Posts tonen met het label javascript. Alle posts tonen

donderdag 3 maart 2011

HTML5 eye-candy

Gisteren hebben Jochem en ik ons laten inspireren door de mogelijkheden van HTML5 tijdens de Adobe User Group meeting in Amsterdam. Wat het meeste indruk maakte? Toch wel de 'is-dit-écht-geen-Flash?'-achtige applicaties die in een browser kunnen draaien. Leuke voorbeelden zijn te vinden op Chrome Experiments. Mijn favorieten zijn Ball Pool, Many Lines, Depth of Field, Bomomo en het spelletje Chain Reaction.

Mocht je door al deze voorbeelden super geïnspireerd raken en heb je zin om zelf iets tofs te maken kan je meedoen met de wedstrijd Frame Rate Fest. De wedstrijd is opgezet door Microsoft om Internet Explorer 9 te promoten (erg grappig dat gisteren tijdens de presentatie IE9 crashte... #fail), als jij het tofste experiment maakt maak je kans op een Xbox360 met Kinect!

woensdag 14 januari 2009

Javascript the good parts en jQuery

Bij Fier staat een nieuw boek in de kast. "Javascript the good parts".
Voor techneuten... (letop designers moeten nu niet afhaken met lezen)

Javascript heeft de naam een "crappy" programmeertaal te zijn. Zeker in de ogen van "echte" (java?)programmeurs. En dat is ook zo... er zijn volgens de schrijver van dit boek inderdaad "awfull" en "bad" parts; maar als je die niet gebruikt, dan houdt je een prima, krachtige taal over.

Wat kunnen we hiermee?
Kort door de bocht: Met behulp van javascript kun je de gebruiker een gevoel van een webapplicatie geven in de browser. Iets wat we op dit moment met flex bereiken.

Een voorbeeld maakt veel duidelijk:

stel je voor:
een website met een lijst van kunstenaars, in tabelvorm.
zou het niet mooi zijn als we
* zonder dat de pagina ververst* heel responsief* de lijst zou kunnen filteren, sortereninteractie aan de gebruiker kunnen bieden.

of
* de achtergrondkleur van rijen in deze tabel, na interactie, kan (ver)kleuren* zonder dat data verloren gaat* op een manier die volledig indexeerbaar is door Google

Om dit te bouwen, is het niet nodig dat we vanaf scratch beginnen. Er ligt een (gratis) library voor ons klaar: jQuery.

De bijlage: JSON
Het boek heeft een bijlage over JSON. Dat staat voor JavaScript Object Notation.Dit is een techniek om data van server naar client te transporteren. Je moet dit zien als een 5x sneller alternatief voor XML. We gebruiken nu XML om data in flash te krijgen. Het is ook goed mogelijk met XML data in een javascript applicatie te krijgen. De nieuwe manier kan dus JSON zijn.