Skip to main content

Watch: Using Modernizr CSS Classes

By Ryan Seddon

HTML & CSS

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

In this video I’ll introduce you to how Modernizr can help you style your website’s CSS based on the current browser’s feature support.

Modernizr will add all the results of the detected features as classes to the html element. In this lesson we’ll target browsers that support emoji and turn a boring bullet list into a fun emoji list. After watching this screencast you’ll have a basic understanding of how to use Modernrizr’s CSS classes to conditionally style elements on your page. The code sample for this lesson can be found at on GitHub.

This is one lesson from SitePoint Premium’s latest course Modernizr 3. If you enjoyed this video and want to see more, come and check out the rest of the course.

Loading the player…

Ryan Seddon is Tech Lead at Zendesk, an open source junkie and a CSS abuser. Coming from a specialist front-end role he's since ventured into full stack development. He regular contributes to open-source projects such as Modernizr, gives talks at conferences and is just all round enthusiastic about the software. His personal website is http://www.thecssninja.com

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.