From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Modernizr basics

Modernizr basics - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Modernizr basics

“

Since our poster project is fairly complex, I really don't want all of that code to get in the way of introducing the basic concepts of Modernizr. So, I want to demonstrate how it works with this slightly simpler example and to do that I'm going to work with reflection.htm which is found on 06_03 directory. And as you can see, this is a really simple page. If I preview this in the browser, you see it just has some text that says, Reflect this. Okay. So, Modernizr is a feature detection library. And in the first thing we need to do, in order to use it, is to link to it, to bring it in as an external resource. Now, I'm going to do that in the head of my document, so right underneath the link for our external CSS file. And a couple of you guys might be wondering well, why would we do it in the head? Why not load it up in the body so that it doesn't slow down page loading? The issue with that is that a Modernizr has the HTML5 Shiv baked into it. So if it's going to be used properly, it…

Contents