Wrong confirmation ID

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Modernizr - Detecting HTML5 and CSS3 support

by Paul Irish on Nov 20, 2009

http://www.slideshare.net	37
http://speakerrate.com	21

Michael Enslow , Principal Developer and Co-founder at Mister Machine Nice little Modernizr overview! 1 year ago Reply
Are you sure you want to Yes No
Hongjian Wang , Software Developer,Project Manager,Deparment Manager at Software Company nice! 2 years ago Reply
Are you sure you want to Yes No
coldwind77 very nice & siple! 2 years ago Reply
Are you sure you want to Yes No

awesome shit!

js solutions for many of these, but in 95% of cases, the result with the native css approach has a better result - responsive, faster, less code.

transforms. transitions. @font-face
omg is html5ready yet ??
UGH.

the challenge is: how do you use these features across browsers, progressively enhancing where possible
omg is html5ready yet ??
UGH.

the challenge is: how do you use these features across browsers, progressively enhancing where possible
in other words: super easy to have multiple levels of support in site, one for each degree of sophistication
that’s how i ended up w/modernizr
allows you to start using html5+css3 coolness today, and have full control over what your html,css and js do in browsers that don’t have features
Which brings me to the most important part of this presentation:
FEATURE DETECTION aka object detection is good
sniffing is bad

all browsers. future-proof
FEATURE DETECTION aka object detection is good
sniffing is bad

all browsers. future-proof
awesome shit!

js solutions for many of these, but in 95% of cases, the result with the native css approach has a better result - responsive, faster, less code.

Michael Enslow , Principal Developer and Co-founder at Mister Machine Tags modernizr html5 css3 1 year ago
Jordi Touza , Frontend Head at neventum Tags javascript modernizer 1 year ago
Sven Lito at Sven Lito 1 year ago
kbroadie 2 years ago
Marcus Tucker , User Experience Architect at Capgemini 2 years ago

Progressive Enhancement in the age of HTML5 and CSS3 using Modernizr Paul Irish Molecular Standards.Next ’09 NYC
HTML5 & CSS3 Coolness™
HTML5 & CSS3 Coolness™ Rounded corners 2D Transformations @font-face fonts CSS Gradients Canvas SVG rgba(), hsla() colors Geolocation border-image CSS Columns box-shadow HTML5 Forms HTML5 Audio & Video Web Workers CSS Animations Ofﬂine Web Apps CSS Transitions …and so on and so on.
ishtml5readyyet.com
ishtml5readyyet.com U P ! HU T wrong. S y ou ’re
Modernizr Making use of tomorrow’s technologies, today!
Feature Detection Just Detect It™
Native No Native Implementation Implementation .fontface h1 { .no-fontface h1 { // use cool custom font! // far less awesome font // it’ll rock! } } if (Modernizr.fontface == false){ // Cufon fallback }
OM G it onl ’s y7 k!
We got you covered, b. Rounded corners 2D Transformations @font-face fonts CSS Gradients Canvas SVG rgba(), hsla() colors Geolocation border-image CSS Columns box-shadow HTML5 Forms HTML5 Audio & Video Web Workers CSS Animations Ofﬂine Web Apps CSS Transitions …and so on and so on.
Modernizr http://modernizr.com @modernizr Me: http://paulirish.com @paul_irish Yah, it’s open source. Fork it, baby.