More Related Content
Similar to CSS3 + Progressive Enhancement (20)
CSS3 + Progressive Enhancement
- 1. CSS3
+
Progressive
Enhancement
Takeru Suzuki
Feburuary 20, 2010
- 4. CSS 2.1
Cascading Style Sheets
Level 2 Revision 1
✓ 2009-09-08
✓
- 7. CSS Snapshot
CSS:
✓ CSS 2.1
✓ CSS Namespaces
✓ Selectors Level 3
✓ CSS Color Level 3
- 9. @font-face
@font-face {
font-family:
"League Gothic";
src:
url("/fonts/League_Gothic.eot");
src:
local("League Gothic Regular"),
local("LeagueGothic"),
url("/fonts/League_Gothic.otf") format("opentype");
}
...
h1, .nav {
font-family: "League Gothic", sans-serif;
}
- 13. Pseudo-classes
<!--[if lte IE 8]>
<script type=”text/javascript”
src=”/js/DOMAssistant.js”></script>
<script type=”text/javascript”
src=”/js/ie-css3.js”></script>
<![end if]-->