Useful. Sadly, I don't see detection for @font-face -- perhaps because it's not very simple? http://paulirish.com/2009/font-face-feature-detection/
Surprisingly, this query returns almost nothing:
No-Bullshit Guide to Detecting Everything in HTML5
21–30 of 37 posts
Re: No-Bullshit Guide to Detecting Everything in HTML5
#22So is there a handy table showing the results of all these tests in all* browsers? *within reason obviously...
For something like that, it's best to read PPK's excellent Quirks Mode site - http://www.quirksmode.org/compatibility.html
Re: No-Bullshit Guide to Detecting Everything in HTML5
#23Useful. Sadly, I don't see detection for @font-face -- perhaps because it's not very simple? http://paulirish.com/2009/font-face-feature-detection/
Some browsers don't support OTF fonts (like Android?) I can't seem to find a way to detect that short of getting into subtleties of WebKit revisions, but even that doesn't seem to denote support.
Re: No-Bullshit Guide to Detecting Everything in HTML5
#24Wow, it's so intuitive.
Yes, it screams for a wrapper library. Might take all of 10 minutes to design the API.
Re: No-Bullshit Guide to Detecting Everything in HTML5
#25Here, check your browsers: http://mylittlehacks.appspot.com/html5
Checking IE6 is not even funny :-(
Re: No-Bullshit Guide to Detecting Everything in HTML5
#26Useful. Sadly, I don't see detection for @font-face -- perhaps because it's not very simple? http://paulirish.com/2009/font-face-feature-detection/
Modernizr (linked at the bottom of my guide) can detect support for @font-face. It is decidedly non-trivial.
Re: No-Bullshit Guide to Detecting Everything in HTML5
#27Wow, it's so intuitive.
Yes, it screams for a wrapper library. Might take all of 10 minutes to design the API.
Modernizr (linked at the end of my guide) can detect some of these features, plus a few others:
http://github.com/Modernizr/Modernizr
My longer chapter on detecting HTML5 features ( http://diveintohtml5.org/detect.html ) explains the detection patterns, and shows how to detect things with or without Modernizr. I've been working with the Modernizr developers to expand their detections, and at the same time some of the code in this guide is taken directly from Modernizr.
Re: No-Bullshit Guide to Detecting Everything in HTML5
#28Excuse my ignorance, what's the !! for?
The others already answered this but I suppose writing return Boolean(x) instead of return !!x would be much clearer.
Re: No-Bullshit Guide to Detecting Everything in HTML5
#29This will be useful for writing those "Regressive Enhancements".
Re: No-Bullshit Guide to Detecting Everything in HTML5
#30Useful. Sadly, I don't see detection for @font-face -- perhaps because it's not very simple? http://paulirish.com/2009/font-face-feature-detection/
Its because @font-face is CSS2 (http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#font-...) and has nothing to do with HTML5