Embed Size (px)
DESCRIPTION
http://www.uie.com/events/virtual_seminars/css3vs/
Citation preview
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
Dan RubinUIE Virtual Seminar
CSS3for Everyone
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
Visual CSS Structural CSSbox-shadowborder-radiustext-shadowgradientsopacitygenerated contentrgba & hslaand more…
new selectors:advanced attribute:first-child:last-child:nth-of-type():nth-child():targetand others…
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
Firefox 4
CSS + Images
No images
No CSS3
CSS + Images
No images
No CSS3
500%
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
Safari 5:nth-of-type(odd)
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
ModernizrChoose your own
adventure tests
UIE Virtual Seminar Register at www.uie.comJune 30, 2011UIE Virtual Seminar Register at www.uie.comJune 30, 2011
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
@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;}
UIE Virtual Seminar Register at www.uie.comJune 30, 2011
Dan Rubin@danrubin Register at www.uie.com
June 30, 2011
CSS3for Everyone
© Copyright 2010-2011, Dan Rubin. These slides may not be used without permission.
