If you can't read please download the document
Upload
michalbu
View
1.857
Download
3
Embed Size (px)
Citation preview
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,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;
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:
optimization of large areas
'inteligent' attaching of animations
css minification
Zero Wing CSS
Alpha Demo
CSS Animations
What's next:
https://github.com/michalbe
http://michalbe.blogspot.com
http://paulbakaus.com/
http://www.4chan.org/
http://knowyourmeme.com/
http://onGameStart.com
Advertisement
http://onGameStart.com