http://www.uie.com/events/virtual_seminars/css3vs/

1. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
CSS3
for Everyone
Dan Rubin
UIE Virtual Seminar

2. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
Visual CSS Structural CSS
box-shadow new selectors:
border-radius advanced attribute
text-shadow :first-child
gradients :last-child
opacity :nth-of-type()
generated content :nth-child()
rgba & hsla :target
and more… and others…

3. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
Firefox 4 500%
CSS + CSS +
Images Images
No images No images
No CSS3 No CSS3

4. UIE Virtual Seminar June 30, 2011 Register at www.uie.com

5. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
Safari 5
:nth-of-type(odd)

6. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
Modernizr
Choose your own
adventure tests

7. UIE Virtual Seminar June 30, 2011 Register at www.uie.com

8. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
@font-face CSS
@font-face {
font-family: 'AirstreamRegular';
src: url('Airstream-webfont.eot');
src: url('Airstream-webfont.eot?#iefix') format('embedded-opentype'),
url('Airstream-webfont.woff') format('woff'),
url('Airstream-webfont.ttf') format('truetype'),
url('Airstream-webfont.svg#AirstreamRegular') format('svg');
font-weight: normal;
font-style: normal;
}
h1.fontface {font: 60px/68px 'AirstreamRegular', Arial, sans-
serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'AirstreamRegular', Arial, sans-serif;}

9. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
CSS3
for Everyone
Dan Rubin June 30, 2011
@danrubin Register at www.uie.com
© Copyright 2010-2011, Dan Rubin. These slides may not be used without permission.