Startup Institute Chicago: New Features in CSS 3

Startup Institute Chicago: New Features in CSS 3

Slides from my class at the Startup Institute on New Features in CSS 3

C2de752d5a220fa1295afdba0ef95ed2?s=128

Piyush Sinha

November 20, 2013
Tweet

Transcript

  1. NEW FEATURES IN CSS 3 @ piyushsinha

  2. HI, I’M PIYUSH @ piyushsinha hello @ piyushsinha.com

  3. I lead UX & Design efforts at We work at

    We just graduated from
  4. UX 
 VISUAL DESIGN 
 HTML / CSS At work,

    I’m involved in
  5. CSS3 BASIC FEATURES

  6. • border-radius • box-shadow • text-shadow • flexbox • rgba

    • background gradients
  7. CSS3 COOL FEATURES

  8. • transforms • transitions • animations

  9. PLAYDULLA

  10. THE PLANETARIUM

  11. ADOBE: THE EXPRESSIVE WEB

  12. MAD MEN

  13. STAR WARS: EPISODE IV

  14. AT-AT WALKER

  15. BATTLEFIELD CSS3

  16. CSS 3 SPIDERMAN

  17. WE TALKED ABOUT 
 RESPONSIVE WEB DESIGN ON FRIDAY
 AND

    CSS 3 TODAY Now let’s use both to build something fun and cool ! Media Query Mario
  18. USEFUL TOOLS

  19. CSS 3 GENERATOR

  20. CSSMATIC.COM

  21. TRANSFORMS TOOL

  22. CSS ANIMATE