Een nieuwe site waar ik wellicht vaker naar zal gaan linken, een site die in z'n geheel gaat over Creative JavaScript – daar kan je je vast iets bij voorstellen. WebGL, Canvas en andere toffe shit galore op deze site. Must follow voor flash developers.

Open deze pagina eens met je webkit browser en zet dan alle opties op random. Dat dit toch allemaal mogelijk is! Misschien wordt dat internet ooit nog net zo groot als Powerpoint!

Open deze pagina eens met je webkit browser en zet dan alle opties op random. Dat dit toch allemaal mogelijk is! Misschien wordt dat internet ooit nog net zo groot als Powerpoint!

The new home of Creative JavaScript and HTML5 | CreativeJS via @seb_ly

Prachtige, inspirerende en leerzame presentatie van David Desandro over transities en animaties. Hij neemt als uitgangspunt voor zijn ontwerpen altijd de de klassieke Design Mobility Pyramide – geeft niks, ik kende hem ook niet – en draait hem om. Volgens Desandro moet "delight" – g

Wat doet Filidor Wiese tussen 8 en 9 uur 's ochtends? En 's nachts? Je kan het zien op zijn uiterst vermakelijke nieuwe homepage. Erg leuke animaties die de moeite van het uitkijken waard zijn (je kan op de timeline klikken om andere tijdstippen te bekijken, je hoeft niet een paar uur te wachten, ech

CSS3 animaties (dus niet transitions), je kan er leuke dingen mee. Ik ben er nog niet zo enthousiast over, het doet me vooral denken aan vroege Flash: een warboel van keyframes. Maar goed, ook met vroege Flash kon je aardige dingen maken, zo ook met vroege CSS3 animaties. Hier een verzameling animati

Adobe komt met een nieuw product, een animatietool om HTML/CSS/JavaScript animaties mee te bouwen. Ik ben, voordat ik begin te juichen, vooral erg benieuwd naar de code die deze tool genereert, ik kan me de timeline in Dreamweaver namelijk nog vaag herinneren.

Wil je een android telefoon? Doe dan mee met de Dev Derby van Mozilla, een serie webwedstijden. In juni kan je die telefoon winnen door een animatie te maken met behulp van CSS-animaties (dat is wat anders dan transitions) te maken, een techniek die in de volgende versie van Firefox zit (en al een ti

Je kan mediaqueries gebruiken om verschillende layouts te presenteren aan schermen van verschillende grootte. Je kan ze ook gebruiken om een FFFFFFFFUUUUUUUUUUUUUUUUU-animatie mee te maken.

Een tijdje geleden verscheen er ineens een briljant artikel waarin werd uitgelegd hoe je een image-sprite kunt animeren.Hacky maar geniaal. De schrijven van het artikel vond de oplossing zelf iets té hacky en hij besloot op zoek te gaan naar andere oplossingen. Hij heeft er vier gevonden en ze

Met CSS en JavaScript kan je blijkbaar ook de parchtigste powerpoint-effecten nabootsen. Dat gaat nog wel eens wat worden, dat internet!

CSS animaties zitten al een tijdje in webkit. Mozilla is er nu ook mee aan het experimenteren. Leuk!

Een verschillende snelheid voor de :focus- en voor de :blur-transition, kan dat? Jazeker kan dat, Anton Peck legt het uit.

Een monster die je cursor op eet.

Andy Clarke laat zien hoe je een toegankelijke CSS animatie moet maken. Een prima leesbare tekstversie voor mensen (of machines) die geen plaatjes kunnen zien, plaatjes er bij voor mensen die dat wel kunnen en echte animaties voor mensen met een webkit-browser. En dat allemaal met één e

Als je kubussen wilt laten animeren - en wees eerlijk: wie wil dat nu niet - dan kan je dit voorbeeld van @pornelski eens goed doornemen. Ook als je helemaal wilt begrijpen hoe dat werkt (en op welke browsers).

Hoe hebben we het ooit zonder gedaan? Deze briljante bookmarklet geeft je de beschikking over controls bij alle animated gifs. Eindelijk.

SetTimeout en setInterval waren blijkbaar aan vervanging toe, ik had het nog niet in de gaten. Maar als je deze post van Paul Irish leest dan snap je ineens waarom (zodat je kunt opscheppen over batterijvriendelijke animaties). Hij geeft een mooie polyfill zodat je hedendaagse javascript animaties klaar zijn voor toekomstige browsers. Toekomstig als in zeer binnenkort.

Bizar dat er nog altijd mensen blijven zeuren over het feit dat bepaalde dingen niet werken op oude browsers.

Handige jquery plugin om iets rijkere animaties mee te maken.

CSS animatable properties; Simple list of properties that can be used with css transitions:

Prettige half visuele, half tekstuele, half onbegrijpelijke-voor-mensen-zonder-wiskunde-knobbel uitleg bij een inzending voor de kerstwedstrijd voor topnerds, js1k #2:xmas. 

HTML5 video syncen met google maps, al weer een pracht van een idee en een pracht van een mashup van Christian Heilmann. En zoals altijd met veel, duidelijke, goede en leerzame codevoorbeelden.

Real animation with js/css/html; Interesting blog post on the matter of animations:

Dit artikel gaat redelijk diep in op de zogenaamde css3 animations (niet transitions) met als resultaat een bouncende bromvlieg met een drol. (Werkt alleen (nog) in webkitbrowsers)

Een div verkleinen tot 1 pixel de background tot een paar pixels en de boel dan weer op ware grootte tonen met behulp van css-2d-transforms zodat je een sprite kunt animeren zonder javascript. Ongelooflijk. Maar vooral briljant.

Geinig experiment waarbij scrollen de belangrijkste vorm van interactie is. Het werkt, mensen scrollen nu eenmaal graag en vanzelf.

Geinig. Je kan nu ook animated gifs na bouwen met CSS3. Dat nog eens wat worden, dat internet!

w00t, een bizarre hoeveelheid animated gifs. Gigantisch. Op een soort van icoonformaat

Typekit fonts, HTML5 <audio> and @​contenteditable put to good use:

Meer manieren om css-animaties te maken. Dit maal met :target maar vooral ook met @-webkit-keyframes (die laatste kende ik nog niet en lijkt eigenlijk wel een soort functie). Moet.meer.mee.spelen.