CSS3                          Is In The DetailsSaturday, July 16, 2011
3Saturday, July 16, 2011
D ETA ILS                                 M EC SS3                          AW  ESO                                POR T? ...
GAT ION                                YN AVI                          FA  NC        EF  ORM                              ...
Let’s get technical!Saturday, July 16, 2011
IS IT READY?Saturday, July 16, 2011
Saturday, July 16, 2011
Saturday, July 16, 2011
Saturday, July 16, 2011
Saturday, July 16, 2011
IST ICS                          STAT                                 IEN CE                           AUD                ...
The Experience LayerSaturday, July 16, 2011
Saturday, July 16, 2011
ContentSaturday, July 16, 2011
Presentation                            ContentSaturday, July 16, 2011
Behaviour                          Presentation                            ContentSaturday, July 16, 2011
Experience                           Behaviour                          Presentation                            ContentSat...
Experience            Behaviour                                 Content       PresentationSaturday, July 16, 2011
{...}Saturday, July 16, 2011
Should it look the                          same in every                          browser?Saturday, July 16, 2011
@font-face                gradients                transitions                box-shadows                media queriesSatu...
opacity                gradients                transitions                box-shadows                text-shadow         ...
Fancy Navigation                          TricksSaturday, July 16, 2011
.classy {               -webkit-transition-delay:0.5s ;               -webkit-transition-duration:0.3s ;               -we...
.classy {                        -webkit-transition: all 0.3s ease 0.5s;                      }Saturday, July 16, 2011
.classy {                        -webkit-transition: all 0.3s ease 0.5s;                         -moz-transition: all 0.3s...
Polaroid Image                          GallerySaturday, July 16, 2011
Making Awesome                          FormsSaturday, July 16, 2011
{...}Saturday, July 16, 2011
Web Fonts!Saturday, July 16, 2011
Media QueriesSaturday, July 16, 2011
Saturday, July 16, 2011
A Little HelpSaturday, July 16, 2011
Saturday, July 16, 2011
Selling it!Saturday, July 16, 2011
ResourcesSaturday, July 16, 2011
Don’t Go                          OverboardSaturday, July 16, 2011
THANKS!                          Files & Slides:                          valhead.com/css3                          Let’s ...
Upcoming SlideShare
Loading in...5
×

CSS

881

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
881
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS

  1. 1. CSS3 Is In The DetailsSaturday, July 16, 2011
  2. 2. 3Saturday, July 16, 2011
  3. 3. D ETA ILS M EC SS3 AW ESO POR T? S UP EN ESS GRE SSIV PRO OOF ING URE PR F UTSaturday, July 16, 2011
  4. 4. GAT ION YN AVI FA NC EF ORM WE SOM A NA ERY EG ALL I MAGSaturday, July 16, 2011
  5. 5. Let’s get technical!Saturday, July 16, 2011
  6. 6. IS IT READY?Saturday, July 16, 2011
  7. 7. Saturday, July 16, 2011
  8. 8. Saturday, July 16, 2011
  9. 9. Saturday, July 16, 2011
  10. 10. Saturday, July 16, 2011
  11. 11. IST ICS STAT IEN CE AUD NT ENT LEN ESS CO SIV EAB ROG RES PSaturday, July 16, 2011
  12. 12. The Experience LayerSaturday, July 16, 2011
  13. 13. Saturday, July 16, 2011
  14. 14. ContentSaturday, July 16, 2011
  15. 15. Presentation ContentSaturday, July 16, 2011
  16. 16. Behaviour Presentation ContentSaturday, July 16, 2011
  17. 17. Experience Behaviour Presentation ContentSaturday, July 16, 2011
  18. 18. Experience Behaviour Content PresentationSaturday, July 16, 2011
  19. 19. {...}Saturday, July 16, 2011
  20. 20. Should it look the same in every browser?Saturday, July 16, 2011
  21. 21. @font-face gradients transitions box-shadows media queriesSaturday, July 16, 2011
  22. 22. opacity gradients transitions box-shadows text-shadow transformsSaturday, July 16, 2011
  23. 23. Fancy Navigation TricksSaturday, July 16, 2011
  24. 24. .classy { -webkit-transition-delay:0.5s ; -webkit-transition-duration:0.3s ; -webkit-transition-property: color; -webkit-transition-timing-function: ease; }Saturday, July 16, 2011
  25. 25. .classy { -webkit-transition: all 0.3s ease 0.5s; }Saturday, July 16, 2011
  26. 26. .classy { -webkit-transition: all 0.3s ease 0.5s; -moz-transition: all 0.3s ease 0.5s; -o-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s; }Saturday, July 16, 2011
  27. 27. Polaroid Image GallerySaturday, July 16, 2011
  28. 28. Making Awesome FormsSaturday, July 16, 2011
  29. 29. {...}Saturday, July 16, 2011
  30. 30. Web Fonts!Saturday, July 16, 2011
  31. 31. Media QueriesSaturday, July 16, 2011
  32. 32. Saturday, July 16, 2011
  33. 33. A Little HelpSaturday, July 16, 2011
  34. 34. Saturday, July 16, 2011
  35. 35. Selling it!Saturday, July 16, 2011
  36. 36. ResourcesSaturday, July 16, 2011
  37. 37. Don’t Go OverboardSaturday, July 16, 2011
  38. 38. THANKS! Files & Slides: valhead.com/css3 Let’s Chat: val@valhead.com • @vlhSaturday, July 16, 2011
  1. A particular slide catching your eye?

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

×