Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CSS3 for Everyone

2,891 views

Published on

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

Published in: Design
  • Be the first to comment

CSS3 for Everyone

  1. 1. UIE Virtual Seminar June 30, 2011 Register at www.uie.com CSS3 for Everyone Dan Rubin UIE Virtual Seminar
  2. 2. UIE Virtual Seminar June 30, 2011 Register at www.uie.comVisual CSS Structural CSSbox-shadow new selectors:border-radius advanced attributetext-shadow :first-childgradients :last-childopacity :nth-of-type()generated content :nth-child()rgba & hsla :targetand more… and others…
  3. 3. UIE Virtual Seminar June 30, 2011 Register at www.uie.comFirefox 4 500% CSS + CSS + Images ImagesNo images No images No CSS3 No CSS3
  4. 4. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
  5. 5. UIE Virtual Seminar June 30, 2011 Register at www.uie.com Safari 5:nth-of-type(odd)
  6. 6. UIE Virtual Seminar June 30, 2011 Register at www.uie.com ModernizrChoose your own adventure tests
  7. 7. UIE Virtual Seminar June 30, 2011 Register at www.uie.com
  8. 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. 9. UIE Virtual Seminar June 30, 2011 Register at www.uie.comCSS3for EveryoneDan Rubin June 30, 2011@danrubin Register at www.uie.com© Copyright 2010-2011, Dan Rubin. These slides may not be used without permission.

×