Opening Titles for Web Directions South 2011

This is rather crazy, especially if you know how it’s done: The opening titles for WDS11 were designed to test the graphical capabilities of modern web browsers. Using HTML, CSS3, WebGL and Canvas, I created a 2-screen production that required 2 laptops that were carefully synced to 2 projectors. Yes, that’s right: 2 separate browsers, […]

CSS 3D transformations in Firefox Nightly

Two years after CSS 3D got introduced in Webkit Nightlies: When the first 3D transformations in CSS got support on Webkit browsers people got incredibly excited about them. Now that they have matured we also support 3D CSS in Firefox. Only in Firefox Nightlies for now (Firefox 10). CSS 3D transformations in Firefox Nightly →

Apple’s iPhone 4S CSS3 animation explained

If you go to the iPhone4S product page on the Apple site, you’ll see some sweet CSS3 animations at work. John B. Hall took the birds’ eye view and analyzed what happens. The “phone stage” (blue-bordered box) contains all 6 “slides” of the animation sequence and has a transition css property with a duration and […]

Animate.css

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. To use them in your project, simply add the class to the element, or call the animation yourself in your CSS file. The classes and the animations have the […]