Comunidad de diseñadores puertorriqueños

HTML5 and CSS3 Without Guilt


As we know, html5 and css3 features are not supported by all the browsers. To overcome this obstacle, many developers have created a variety of tools to help the browsers support the new features. In this article, Ludovico Fischer, show us how we can make our markup more friendly to other browsers and what tools we can use to help us achieve our goals.

Of all the browsers, Internet explorer is the one who gives less support of all. And for that, theres a lot of tools that we can use like Html5shiv →. Html5shiv directs Internet Explorer to be compatible through the use of Javascript libraries.

Another tool would be Modernizr →. Of all the tools, I think Modernizr is the most popular. It just runs several detection test and insert the results with a class for the <html> element. To use Modernizr, include the file, and apply a class of no-js to the <html> element. The no-js class allows you to provide styles when JavaScript is completely deactivated. If JavaScript is enabled, it will replace the no-js with the results of its feature detection tests.

The next tool is called Selectivizr →. This tool uses Javascript libraries like jQuery, Dojo and MooTools. It allows us to show the new html5 and css3 features on older browsers. To use Selectivizr, download it from their home page and include it within your <head>section, together with one of the support libraries.

Theres some other tools you could use to make your site supported by all browser, like IE6 Universal CSS,  CSS3Pie and HTML5 Boilerplate. I suggest you to try each one and select the best one that fit your needs.  You will never have to worry again about if your website is fully supported by the browser or not.

Read more >


Leave a Reply