Internet Memes WTF is going on?
Internet Memes Memes as an  advertising tool
Nyan Cat FTW
Nyan Cat FTW
Nyan Cat FTW
Nyan Cat FTW
Nyan Cat FTW
Nyan Cat FTW
Mozilla Demo Party Single Effect Compo
Mozilla Demo Party CSS Animations are awesome!!1!
Mozilla Demo Party Gradients FTW!!1! colorzilla.com
Mozilla Demo Party Let me introduce CSS Nyan Cat! http://michalbe.github.com/css-nyan-cat/
Mozilla Demo Party 81DOM elements, 688 lines of code and 1JS function for audio loop
Mozilla Demo Party 81DOM elements, 688 lines of code and 1JS function for audio loop
Mozilla Demo Party 50k+ unique visitors in first two days
Mozilla Demo Party Most popular & featured Mozilla Demo
Mozilla Demo Contest https://demoparty.mozillalabs.com/
Zero Wing CSS Gradient power one more time!
Zero Wing CSS Gradient power one more time!
Zero Wing CSS Gradient power one more time!
Zero Wing CSS Gradient power one more time! #BE581B #BE581B #260401 #4E605A #3E6C6E #4E605A #4E605A #260401
Zero Wing CSS Gradient power one more time! -moz-linear-gradient(left, rgb(255, 255, 255) 0% rgb(37,55,54) 33%, rgb(37,54,...
Zero Wing CSS Gradient power one more time! There is no online service with public API for generating gradients :(
Zero Wing CSS Gradient power one more time! So I create my own.
Zero Wing CSS Gradient power one more time! So I create my own: <ul><li>optimization of large areas
'inteligent' attaching of animations
css minification </li></ul>
Zero Wing CSS Alpha Demo
Upcoming SlideShare
Loading in …5
×

All your CSS are belong to us

1,625
-1

Published on

My CSS animation talk on meet.js in Warsaw at 30.07.2011

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,625
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

All your CSS are belong to us

  1. 2. Internet Memes WTF is going on?
  2. 3. Internet Memes Memes as an advertising tool
  3. 4. Nyan Cat FTW
  4. 5. Nyan Cat FTW
  5. 6. Nyan Cat FTW
  6. 7. Nyan Cat FTW
  7. 8. Nyan Cat FTW
  8. 9. Nyan Cat FTW
  9. 10. Mozilla Demo Party Single Effect Compo
  10. 11. Mozilla Demo Party CSS Animations are awesome!!1!
  11. 12. Mozilla Demo Party Gradients FTW!!1! colorzilla.com
  12. 13. Mozilla Demo Party Let me introduce CSS Nyan Cat! http://michalbe.github.com/css-nyan-cat/
  13. 14. Mozilla Demo Party 81DOM elements, 688 lines of code and 1JS function for audio loop
  14. 15. Mozilla Demo Party 81DOM elements, 688 lines of code and 1JS function for audio loop
  15. 16. Mozilla Demo Party 50k+ unique visitors in first two days
  16. 17. Mozilla Demo Party Most popular & featured Mozilla Demo
  17. 18. Mozilla Demo Contest https://demoparty.mozillalabs.com/
  18. 19. Zero Wing CSS Gradient power one more time!
  19. 20. Zero Wing CSS Gradient power one more time!
  20. 21. Zero Wing CSS Gradient power one more time!
  21. 22. Zero Wing CSS Gradient power one more time! #BE581B #BE581B #260401 #4E605A #3E6C6E #4E605A #4E605A #260401
  22. 23. Zero Wing CSS Gradient power one more time! -moz-linear-gradient(left, rgb(255, 255, 255) 0% rgb(37,55,54) 33%, rgb(37,54,52) 34%, rgb(45,75,74) 35%, rgb(48,82,82) 36%, rgb(42,51,52) 37%, rgb(39,46,47) 38%, rgb(44,91,88) 39%, rgb(37,49,51) 40%, rgb(37,49,51) 41%, rgb(37,49,51) 42%, rgb(37,48,50) 43%, rgb(51,86,82) 44%, rgb(53,89,84) 45%, rgb(35,44,45) 46%, rgb(36,45,46) 47%, rgb(56,82,80) 48%, rgb(41,54,55) 49%, rgb(49,73,70) 50%, rgb(41,55,55) 51%, rgb(46,74,74) 52%, rgb(40,57,58) 53%, rgb(36,45,46) 54%, rgb(36,45,46) 55%, rgb(25,21,28) 56%, rgb(21,13,21) 57%, rgb(21,13,21) 58%, rgb(20,12,21) 59%, rgb(255, 255, 255) 100%) 0 0px;
  23. 24. Zero Wing CSS Gradient power one more time! There is no online service with public API for generating gradients :(
  24. 25. Zero Wing CSS Gradient power one more time! So I create my own.
  25. 26. Zero Wing CSS Gradient power one more time! So I create my own: <ul><li>optimization of large areas
  26. 27. 'inteligent' attaching of animations
  27. 28. css minification </li></ul>
  28. 29. Zero Wing CSS Alpha Demo
  29. 30. CSS Animations What's next: <ul><li>https://github.com/michalbe
  30. 31. http://michalbe.blogspot.com
  31. 32. http://paulbakaus.com/
  32. 33. http://www.4chan.org/
  33. 34. http://knowyourmeme.com/
  34. 35. http://onGameStart.com </li></ul>
  35. 36. Advertisement http://onGameStart.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×