JavaScript in the age of HTML 5 and CSS 3
summary
Argues that progressive enhancement and feature detection (Modernizr/modernizer) beat browser hacks, shows a live demo swapping CSS for native HTML5/CSS3 (rounded corners, rgba, transitions, columns) and claims it cuts work — about 35 fewer CSS rules in one rewrite — while leaving IE with a simpler fallback. Recommends ditching user-agent sniffing for object/feature checks, points to "can I use" data, and notes Modernizr just reports support so code, CSS and JS can fork cleanly.
AI-written summary · about
chapters (18)
- 0:00Intro
- 2:10Who am I
- 2:41Who do I do
- 3:57Faruk Ate
- 5:18Moderniser
- 8:59Website Enhancements
- 11:38Similar vs the Same
- 14:01Image Sprites
- 18:32HTML5 CSS3
- 19:36Rounded corners
- 21:28Cross the chasm
- 22:08Moderniser example
- 23:35Feature detection
- 25:36Demo
- 30:43What do you have available
- 32:03Things not to do
- 35:35Realworld benefits
- 37:00The bigger picture
related talks
37mFuture-Proof CSS
44mEnhance!
28mJavaScript + Web Standards II: The Quickening
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
04mProgressive Enhancement and CSS
18mJavaScript Is Dead: 7 Examples Where Modern CSS Is Enough
39mWhat about CSS? Progressive Enhancement and CSS
43mResponsive Design, Past, Present and Future