CSS3 for Everyone

2,718
-1

Published on

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

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,718
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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.
  1. A particular slide catching your eye?

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

×