Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged modernizr

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 1 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css

shared by Vernon Fowler on 13 Jan 14 - No Cached
olivia frost liked it
  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  • Vernon Fowler on 13 Jan 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
jdr santos

Modernizr - 0 views

www.modernizr.com

Javascript HTML5 CSS3 CSS web design

shared by jdr santos on 18 Oct 10 - Cached
  • Soul Book on 18 Oct 10
     
    Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
  • jdr santos on 18 May 11
     
    Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
Jim Davis

10 Best Tools for Web Design and Development - 0 views

www.urlynkd.com/-web-design-and-development-90

web design Development tools

shared by Jim Davis on 30 Jun 15 - No Cached
  • Jim Davis on 30 Jun 15
     
    We have a huge host of small tools and libraries, every designed to tackle a specific issue or protect a certain arrangement of potential outcomes. A few these undertakings have get to be organizations: Modernizr, keeping the specialized playing handle level and PhoneGap holding the versatile business open for web types.
1 - 3 of 3
Showing 20▼ items per page