Close this search box.
Close this search box.

HTML5 and CSS3 with Modernizr

Share This Post

Ten years ago, browser support for CSS layouts was wonky overall.  Designers and developers advocated for web standards compliance, while creating hundreds of hacks that made CSS layouts work in all browsers. Today, CSS-based layouts are commonplace and every browser has pretty solid support for them. But now the situation of browser compliance is repeating itself with HTML5 and CSS3.
To solve that problem, you can use Modernizr. Modernizr is an open-source JavaScript library allows web developers to support capabilities of the visitor’s browser at different levels. This enables developers to take advantage of everything in HTML5 and CSS3 that is implemented in some browsers, without losing control over the end result in other (older) browsers.
When you embed the Modernizr script in your page, it detects whether the current browser supports CSS3 features like @font-face, border-radius, border-image, box-shadow, rgba() and so forth, as well as HTML5 features like audio, video, localStorage, and the new <input> element types and attributes. It provides a script loader so you can pull in polyfills to backfill functionality in old browsers.
Sounds like a magical solution? Yes and no, for those developers who aren’t familar with using Modernizr, HTML5 or CSS3 it could take twice as long to develop a site this way, which can be seen as a major downfall. However, the learning curve is worth the time invested when looking at the big picture.

More To Explore

Current360 2024 Predictions crystal ball

2024 Predictions

Thanks to everyone who responded to our 2024 Predictions survey last month. While the sample size wasn’t quite the size of a Pew or Nielsen,

Tradition and digital media crown become digital

The King is dead.
Long Live the King.

No we’re not talking about Charles VII or his father Charles VI. Instead, we’re recognizing the passing of the baton after years of shifts from

Contact Us

"*" indicates required fields

I am not a robot
Ed Sharp Current360 headshot

Ed Sharp

Ed brings 15 years of traditional and digital media sales experience to the agency, giving us a perspective most agencies don’t have. When he’s not working or seeking new knowledge, Ed hangs out with his wife, two kids, two dogs, one cat, and a hamster. And yes, the cat and hamster are best friends.

Chaney Given

Chaney is a talented and accomplished designer and illustrator, who has expanded his skill set to include motion graphics and video editing. With nearly a decade of experience, his client work includes Waterstep, Baptist Health, the Archdiocese of Louisville Catholic Schools, First Harrison Bank, and many more