Using CSS3 Transitions, Transforms and Animation
A fantastic overview from Rich Bradshaw, forkable on GitHub.
A fantastic overview from Rich Bradshaw, forkable on GitHub.
My workmates at Sencha have created some excellent examples of CSS3 ads, based directly on current Flash ads. While they will only render in WebKit-based browsers, you can see they are actually more performant and smoother than their Flash counterparts.
Yes, the marquee tag may feel a bit tacky — reminiscent of the blink tag, but I think it does have a place in certain contexts, like with overflow, nowrap text.
Gangsta Ass CSS3 Wrapping Drop Shadows
Better & leaner than the previous example CSS Drop Shadow, although as with the previous example, it does break if the width is too great..
Thanks to Paul Irish for bringing this to my attention
Louis Harboe has recreated the iOS4 icons in Pure CSS. These are incredible, and totally resolution independent. (via jayrobinson)
Disclosure notice: I work for Sencha and helped build Sencha Touch.
Today, we’re overwhelmingly, insanely, ridiculously excited to introduce Sencha Touch, the first HTML5 framework for mobile devices. We think it’s the first cross-platform framework that builds web apps that make sense for mobile devices. It comes with a comprehensive UI widget library, complete touch event management with CSS transitions and an extensive data package.
(via Sencha Notes)
Magnifying Glass using CSS3 and JavaScript. Similar to the effect Apple is using on their new iPhone 4 page.
2009–2010 David Kaneda