• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
All your CSS are belong to us
 

All your CSS are belong to us

on

  • 1,573 views

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

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

Statistics

Views

Total Views
1,573
Views on SlideShare
1,561
Embed Views
12

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 12

http://twitter.com 11
http://tweetedtimes.com 1

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    All your CSS are belong to us All your CSS are belong to us Presentation Transcript

    •  
    • 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