LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

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 http://www.colorzilla.com/gradient-editor/ to make the gradient above. Per the documentation it is best to load modernizr in the head http://modernizr.com/docs/.

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:

http://modernizr.com/ – Modernizr Download
http://jquery.com/download/ – jQuery CDN
http://www.colorzilla.com/gradient-editor/ – Ultimate CSS Gradient Generator

And always…

Happy Coding!

Download files!

About

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!

Cool Picture SlideToggle jQuery Tip 5 Cool Picture SlideToggle
CSS3Ps Free Photoshop Plugin CSS3Ps Free Photoshop Plugin
cool css3 navigation menu Cool CSS3 Navigation Menu
Leave a comment

Leave a Reply