Modernizr: front-end development done right
New web technologies are fun... until you have to support old browsers. Modernizr can help.
Published
December 2011
Videos
28
Duration
57m
Happy students
2200
About the course
Looking for a new take on Modernizr? Take Ryan's [Modernizr 3](https://www.sitepoint.com/premium/courses/a-beginners-guide-to-modernizr-3-2905
)!
Modernizr is a feature detection library that works by running tests to see what CSS3 and HTML5 features the current browser supports. It then gives you CSS classes and a JavaScript API so you can tailor a solid experience around what the current browser is capable of.
This course will take you through getting up to speed with Modernizr through to using its more advanced features and how you can add your own custom feature detects using the plugin architecture.
Course Instructor
Ryan Seddon
Ryan is a contributor to Modernizr he has a deep knowledge of its inner workings. Ryan has presented talks at various events and written for some great blogs. Ryan is an active blogger, twitterer and contributor to open source software.
Course Outline
Lesson 1: Getting started
- FreeIntroduction3:15
- LockedGetting started4:30
- LockedStarter files
Lesson 2: Using it in your CSS and JavaScript
Lesson 3: Featured based resource loading using Modernizr.load
Lesson 4: Modernizr and media queries
Lesson 5: Injecting elements and styles
Lesson 6: Handling the prefix minefield
Lesson 7: Rolling it all together by building a plugin
Lesson 8: What's next?
Published
December 2011
Videos
28
Duration
57m
Happy students
2200