Video tutorials
YouTube RSS Feed


How to use Modernizr SIMPLIFIED

*Set the video to HD for best viewing experience.
Written by Posted on December 12th, 2013 No Comments
Share This

Today we are going to show you how to use modernizr simplified.

We are going to show you how to setup modernizr and use it from start to finish.

We will be doing 2 fallback examples:

  • Gradient fallback
  • Box-shadow fallback

Markup and Setup

We used to make the gradient above. Per the documentation it is best to load modernizr in the head

First fallback – gradient

We are using an image fallback for a gradient.

2nd fallback – box-shadow

 So there you go, that is Modernizr simplified! 

Here is a list of all the resources used in this Tut: – Modernizr Download – jQuery CDN – Ultimate CSS Gradient Generator

And always…

Happy Coding!

Download files!


Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
jquery animated menu jQuery Animated Menu
jQuery Tip 9 Table Striping jQuery Tip 9 Table Striping
Leave a comment

Leave a Reply