Modernizr: start implementing CSS 3 and HTML5 features now

By July 6, 2009Mobile

So, you’re a front-end developer, and you want to start taking advantage of new features in CSS 3 and HTML5. That’s great, but you know that most of your users aren’t running browsers that support these new standards. You could just wait for browsers to get with the times, or you could check out Modernizr.

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more. These are currently being implemented across browsers and with Modernizr you can start using them right now, with an easy way to control the fallbacks for browsers that don’t yet support them.

Additionally, Modernizr creates a self-titled global JavaScript object which contains properties for each feature; if a browser supports it, the property will evaluate TRUE and if not, it will be FALSE.

Lastly, Modernizr also adds support for styling HTML 5 elements. This allows you to use more semantic, forward-looking elements such as , and without having to worry about them not working in Internet Explorer.

Modernizr does not add missing functionality to browsers; instead, it detects native availability of features and offers you a way to maintain a fine level of control over your site regardless of a browser’s capabilities

Leave a Reply