Geek Answers Handbook

Does modernization help?

I can not get to upgrade the work on my site. I added javascript files to the folder and called them. I also added no-js to html, but still nothing.

When I look at the source, it does not fill in the html as it should.

I do not use it for css3 elements, but I do not need fallback styles, I just want to be able to use more semantic tags such as header, nav, footer, etc.

This is my document code:

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset=utf-8> <title></title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]--> <script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>
+7
source share
4 answers

Go into this problem. Make sure you are viewing the page at runtime. When you browse the source of a page, js calls are not made and do not replace no-js. If you use Chrome, use your item inspector.

+9
source

This is most likely a problem. Try temporarily replacing

 <script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>

FROM

 <script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/modernizr/1.7/modernizr-1.7.min.js"></script>

Or it may work, but it is not obvious. Keep in mind that you don't see Modernizr classes when viewing the source, you need a tool like Firebug on FF or developer tools in Chrome to actually check the code after javascript.

An extra test will do something like ...

 .borderradius body { background: #c00; }

And if the background is red, then Modernizr works.

+5
source

You have no styles, but you may not have defined your HTML5 elements as a: block mapping? Modernizr does not do this on its own, and so you still won’t get the expected results unless you add them to your CSS.

0
source

For the record, I also had this problem. After much testing, I found that removing the “Add CSS Classes” option from the custom assembly caused this for me.

0
source

More articles:


All Articles