By Ryan Seddon

Watch: Using Modernizr CSS Classes

By Ryan Seddon

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…

  • Petit Paul

    I am sorry I couldn’t follow that lesson because, I’m sorry to say, the speaker’s voice is close to being incomprehensible. Though I consider myself fluent, English is not my first language and I assume I’m not alone, which makes it even harder to follow the video. Am I the only one with that issue?

    • Angela Molina

      Hi Paul, sorry to hear you’re having difficulties understanding the teacher. I’ll have the video looked into further for you.

    • Mark Cohen

      English is my first language & I agree that the speaker’s voice is incredibly hard to understand. For me, sounds like teacher is muttering rather than talking & he needs to speak slower.

    • ptooey

      As an Aussie, and someone who speaks this person’s local lingo, I even find the speaker’s pronunciation pretty poor.

Get the latest in Front-end, once a week, for free.