Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • You can search for any of the classes that are added to you html element on page load, in addition to the .no- version of each. Once you have that list, I would loop over it, grepping for each over your code

    something like the following in bash

    for i in $(thing-that-gives-you-a-list-of-your-specific-modernizr-build) | grep -R $i ./yourCssDirectory

    that should output anything that matches the list.

    Hey @mascatu,

    There is nothing in modernizr that requires jQuery, however you may be using Modernizr.load/yepnope to load in a polyfill and that requires jQuery. In which case you would need to make sure jQuery is loaded before your customer tests.

    Also, if you don’t need Modernizr for styling, and don’t need to check the properties (e.g. Modernizr.foo) until after the page renders, then by all means put Modernizr in the footer.

    Hey Guys,
    We acutally have an active conversation about this right now

    The general advice is to keep it in the head, to avoid flash of unstyled content, but there are some cavets to that rule that Paul Irish mentions.

    Feel free to chime in with opinions on the thread!

    view-source shows you the source code of the page. this does not change with modernizr. You want to check using dev tools

    Right click anywhere on the page, and then click “Inspect Element”. This will open up the developer tools. Form there, you will see a representation of the DOM that I mentioned before. the <html> tag should be the one furthest to the top.

    Modernizr is client side javascript, and so it runs after the source code is loaded into the browser. It doesn’t actually modify the source, it modifies the DOM

    If you open up your developer tools in the browser, you will see that the html classes are removed.

    hope that helps!

Viewing 5 replies - 1 through 5 (of 5 total)