Comments on: Modernizr: HTML5 and CSS3 detection

By: ucanmexwise

ucanmexwise — Sat, 29 Aug 2009 17:13:34 +0000

I’ve made a similar open source lib called “Supports.js” (http://dev.netzgesta.de/).
Whenever you need to know if a CSS property is supported and what it’s DOM name is!
It allows you to check style features and also referable style values.
It depends not on a fixed list of items to check and therefor it is forward compatible.
It’s only about 2600 bytes and without the heading comments less than 2048 bytes.

By: hdragomir

hdragomir — Sun, 12 Jul 2009 10:36:19 +0000

You have no idea the hacks you have to produce to be able to write both CSS 3 and 2.1 compatible stylesheets that don’t mess with each other.

This little script could really save a lot of time and headache.
Thank you!

By: KuraFire

KuraFire — Thu, 02 Jul 2009 21:20:18 +0000

Modernizr is hosted on Google AppEngine, which suffered a system-wide down period this morning. It’s back up now, though.

By: eyelidlessness

eyelidlessness — Thu, 02 Jul 2009 17:58:38 +0000

Slashdotted? o_O

By: KuraFire

KuraFire — Thu, 02 Jul 2009 17:46:52 +0000

You’re supposed to embed it directly after the BODY element, precisely to avoid any reflow / restyling issues.

It’s only doing one real DOM operation, and that’s added the series of classes to the BODY element. The whole thing is only 16kb uncompressed (6kb compressed) and typically runs in less than 20 ms on modern machines. It’ll be a bit longer in IE6 because it has such a slow JavaScript engine, but it’s still very much within acceptable ranges.

By: zachleat

zachleat — Thu, 02 Jul 2009 15:28:35 +0000

I like the idea, but what sort of performance hit are you going to see in IE7/IE6 by including this on your site? Especially since you’re changing the tag’s class attribute, which will cause reflow if you add clientside on page load.

By: KuraFire

KuraFire — Thu, 02 Jul 2009 05:38:01 +0000

Psst: your second code example lists it as CSS but it’s JavaScript inside it. :-)