1. CSS3
Is In The Details
Saturday, July 16, 2011

2. 3
Saturday, July 16, 2011

3. D ETA ILS
M EC SS3
AW ESO
POR T?
S UP EN ESS
GRE SSIV
PRO OOF ING
URE PR
F UT
Saturday, July 16, 2011

4. GAT ION
YN AVI
FA NC EF ORM
WE SOM
A NA ERY
EG ALL
I MAG
Saturday, July 16, 2011

5. Let’s get technical!
Saturday, July 16, 2011

6. IS IT READY?
Saturday, July 16, 2011

7. Saturday, July 16, 2011

8. Saturday, July 16, 2011

9. Saturday, July 16, 2011

10. Saturday, July 16, 2011

11. IST ICS
STAT
IEN CE
AUD
NT ENT LEN ESS
CO SIV EAB
ROG RES
P
Saturday, July 16, 2011

12. The Experience Layer
Saturday, July 16, 2011

13. Saturday, July 16, 2011

14. Content
Saturday, July 16, 2011

15. Presentation
Content
Saturday, July 16, 2011

16. Behaviour
Presentation
Content
Saturday, July 16, 2011

17. Experience
Behaviour
Presentation
Content
Saturday, July 16, 2011

18. Experience
Behaviour
Content
Presentation
Saturday, July 16, 2011

19. {...}
Saturday, July 16, 2011

20. Should it look the
same in every
browser?
Saturday, July 16, 2011

21. @font-face
gradients
transitions
box-shadows
media queries
Saturday, July 16, 2011

22. opacity
gradients
transitions
box-shadows
text-shadow
transforms
Saturday, July 16, 2011

23. Fancy Navigation
Tricks
Saturday, July 16, 2011

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. .classy {
-webkit-transition: all 0.3s ease 0.5s;
}
Saturday, July 16, 2011

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. Polaroid Image
Gallery
Saturday, July 16, 2011

28. Making Awesome
Forms
Saturday, July 16, 2011

29. {...}
Saturday, July 16, 2011

30. Web Fonts!
Saturday, July 16, 2011

31. Media Queries
Saturday, July 16, 2011

32. Saturday, July 16, 2011

33. A Little Help
Saturday, July 16, 2011

34. Saturday, July 16, 2011

35. Selling it!
Saturday, July 16, 2011

36. Resources
Saturday, July 16, 2011

37. Don’t Go
Overboard
Saturday, July 16, 2011

38. THANKS!
Files & Slides:
valhead.com/css3
Let’s Chat:
val@valhead.com • @vlh
Saturday, July 16, 2011