How many features Modernizr detects?

At the age of Modernizr 1.1 (year 2010) the Modernizr script was able to detect 26 different features:

  • applicationCache
  • border-image:
  • border-radius:
  • box-shadow:
  • Canvas
  • Canvas Text
  • CSS 2D Transforms
  • CSS 3D Transforms
  • CSS Animations
  • CSS Columns
  • CSS Gradients
  • CSS Reflections
  • CSS Transitions
  • @font-face
  • Geolocation API
  • hsla()
  • HTML5 Audio
  • HTML5 Video
  • Input Attributes
  • Input Types
  • localStorage
  • Multiple backgrounds
  • opacity:
  • rgba()
  • sessionStorage
  • Web Workers

Today—four years later Modernizer can detect several more features including:

  • background-size
  • Flexible Box Model (flexbox)
  • Flexbox Legacy
  • multiple backgrounds
  • opacity
  • text-shadow
  • CSS Animations
  • CSS Columns
  • CSS Generated Content
  • CSS 2D Transforms
  • CSS 3D Transforms
  • SMIL
  • SVG
  • SVG inline
  • SVG clip paths
  • Touch events
  • Web GL
  • Media Queries
  • HTML5shiv for IE browsers

Not strictly related to HTML5 or CSS3 features for some time Modernizr includes yepnope() function that is equivalent with Modernizr.load() function.

Yepnope is asynchronous loading module suitable for loading of resources called Polyfills. Polyfills are JavaScript libraries that should ideally fill the missing HTML5 or CSS3 functions in the older browsers. Here is a good reference what can be done in the older browsers.

Also Modernizr as a feature support prefixes() and mq() functions. IN the specific order these functions are used to detect browser specific prefixes by returning strings,  and media queries by returningtrue orfalse.

So to answer the question : How many features Modernizr detects?

The answer would be about 40 at the moment.



tags: & category: -