Use Modern HTML, CSS and JavaScript Features in your Code with Modernizr

4.1 Average Customer Rating

Modernize your site features with 3.0

  • 18 Videos
  • 0 hours 34 minutes
  • 2606 Happy Students

About the course

See what makes Modernizr so popular in this short course by Ryan Seddon.

Modernizr is a feature detection JavaScript library, it works by running tests to see what CSS, HTML and JavaScript features are currently supported by your browser. If your feature isn’t supported then Modernizr will work magic to have it supported. In this course Ryan will get you up to speed with the latest Modernizr 3 by creating custom builds, utilising the CSS class and taking advantage of Modernizr in your JavaScript.

Did we also mention that Ryan is a part of the Modernizr team?

  • 18 Videos
  • 0 hours 34 minutes
  • 2606 Happy Students

Courses Outline

Lesson 1: Course Overview
Free
What is Modernizr?
1:02
Getting Started
1:42
Getting a Copy of Modernizr
1:26
Lesson 2: Modernizr in Your CSS
Using Modernizr CSS Classes
3:38
.no-feature vs .feature, What Should I Use?
4:48
When Not to Use The Modernizr CSS Classes
1:06
Adding a Custom Class Prefix
1:40
Quiz
Lesson 3: Using Modernizr in your JavaScript
Feature Detection in Your JavaScript
1:03
How Do I Know What All the Feature Detect Names Are?
0:53
Utilizing the APIs
0:26
Modernizr.mq
2:20
Modernizr.prefixed and prefixedCSS
6:41
What is the HTML5Shiv and Print Shiv?
2:52
Lesson 4: Progressive Enhancement
Progressive Enhancement (PE) Primer
0:56
.no-js vs .js class
3:06
Quiz
Lesson 5: Course Conclusion
Conclusion
0:21
  • 18 Videos
  • 0 hours 34 minutes
  • 2606 Happy Students