Take control of HTML5 and CSS3 with Modernizr

HTML5 and CSS3 features are at the cutting edge of the web industry right now, with websites across the globe making use of them to enhance the user’s experience. In a world full of internet browsers with varying levels of support for these features however, how can we be sure what we implement will work across the board? Say hello to Modernizr, an open-source Javascript library that can help you build HTML5 and CSS3-powered websites.

As you can see on findmebyIP.com’s HTML5 & CSS3 Support grid, the current range of internet browsers offer a varying level of support for the new HTML5 and CSS3 features.

By developing a website with Modernizr, we can make use of features such as HTML5 Video and Canvas, whilst providing a fallback solution for browsers that do not offer support, helping to maintain site accesibility and usability.

This approach leans towards a build process of first developing a “bare bones” website that looks great for all browsers, followed then by adding layers of enhanced JavaScript / HTML5 / CSS3 content where needed. This ensures that users of old web browsers will still receive an enjoyable visit to your site, but those that have upgraded to a modern browser will be provided with a much richer experience.

With companies such as Google, Microsoft and Twitter relying on the Modernizr solution for progressive enhancement and graceful degradation of their websites, I believe this is currently the best way to develop websites built with the past, present and future of the internet in mind.

Further reading


Milton Bayer

Milton Bayer

We are Milton Bayer, an award winning, multi-disciplinary, strategic and creative marketing agency.

Leave a Reply