Flash is Dead

 

Recreating the OS X Dock with CSS3 (including zooming icons!)

http://www.zurb.com/playground/osx-dock

This is pretty awesome, I can see all kinds of uses for it. It even does the dock zooming effect, purely in CSS3!

Correction: It uses a little bit of Javascript to add the "nearby" class to the neighboring icons when you mouse over. View source to see it.

Filed under: animation css3 UI
 

Zooming Polaroid-style images with CSS3

http://www.zurb.com/playground/css3-polaroids

Neat little effect that's usually done in Flash for photographer portfolios and photo galleries. Not anymore!

Filed under: animation CSS3
 

Sliding Vinyl with CSS3

http://www.zurb.com/playground/sliding-vinyl

Nice little animated sliding effect using CSS3 animations. I saw one a little while ago that had the records spinning as they came out, but I can't seem to find it. If anyone knows where it's at, post it in the comments!

Filed under: animation css3
 

isocube - CSS3 "3d" isometric cube
This is awesome, even the buttons are isometric! Click on them! And try selecting some text. If you're in Firefox, there's isometric video! Super!!

http://www.zachstronaut.com/lab/isocube.html

Code here:

http://ajaxian.com/archives/fun-with-3d-css-and-video

Look ma, no Flash!

Filed under: CSS3
 

Practical Uses of CSS3 | Viget Inspire

http://www.viget.com/inspire/practical-uses-of-css3/

Basic examples of some of the new stuff in CSS3 (and how they fall back on older browsers).

Filed under: css3
 

Falling Leaves with CSS3 animations

http://webkit.org/blog-files/leaves/index.html

Ok yes, it's a little bit 1996, but it is still NOT FLASH :)

Filed under: animation css3
 

SublimeVideo - Freakin' sweet HTML5/CSS3-based in-browser video player

http://jilion.com/sublime/video

What do we need Flash for again? Banner ads?

Filed under: css3 html5 video
11
To Posterous, Love Metalab