
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Using Modernizr to Detect HTML5 Features
Modernizr is a small JavaScript Library that detects the availability of native implementations for next-generation web technologies.
Here is the list of features that can be detected by Modernizr −
Feature |
CSS Property |
JavaScript Check |
---|---|---|
@font-face |
.fontface |
Modernizr.fontface |
Canvas |
.canvas |
Modernizr.canvas |
Canvas Text |
.canvastext |
Modernizr.canvastext |
HTML5 Audio |
.audio |
Modernizr.audio |
HTML5 Audio formats |
NA |
Modernizr.audio[format] |
HTML5 Video |
.video |
Modernizr.video |
HTML5 Video Formats |
NA |
Modernizr.video[format] |
rgba() |
.rgba |
Modernizr.rgba |
hsla() |
.hsla |
Modernizr.hsla |
border-image |
.borderimage |
Modernizr.borderimage |
border-radiusbox-shadow |
.borderradius |
Modernizr.borderradius |
box-shadow |
.boxshadow |
Modernizr.boxshadow |
Multiple backgrounds |
.multiplebgs |
Modernizr.multiplebgs |
Opacity |
.opacity |
Modernizr.opacity |
CSS Animations |
.cssanimations |
Modernizr.cssanimations |
CSS Columns |
.csscolumns |
Modernizr.csscolumns |
CSS Gradients |
.cssgradients |
Modernizr.cssgradients |
CSS Reflections |
.cssreflections |
Modernizr.cssreflections |
CSS 2D Transforms |
.csstransforms |
Modernizr.csstransforms |
CSS 3D Transforms |
.csstransforms3d |
Modernizr.csstransforms3d |
CSS Transitions |
.csstransitions |
Modernizr.csstransitions |
Geolocation API |
.geolocation |
Modernizr.geolocation |
Input Types |
NA |
Modernizr.inputtypes[type] |
Input Attributes |
NA |
Modernizr.input[attribute] |
localStorage |
.localstorage |
Modernizr.localstorage |
essionStorage |
.sessionstorage |
Modernizr.sessionstorage |
Web Workers |
.webworkers |
Modernizr.webworkers |
applicationCache |
.applicationcache |
Modernizr.applicationcache |
SVG |
.svg |
Modernizr.svg |
SVG Clip Paths |
.svgclippaths |
Modernizr.svgclippaths |
SMIL |
.smil |
Modernizr.smil |
Web SQL Database |
.websqldatabase |
Modernizr.websqldatabase |
IndexedDB |
.indexeddb |
Modernizr.indexeddb |
Web Sockets |
.websockets |
Modernizr.websockets |
Hashchange Event |
.hashchange |
Modernizr.hashchange |
History Management |
.historymanagement |
Modernizr.historymanagement |
Drag and Drop |
.draganddrop |
Modernizr.draganddrop |
Cross-window Messaging |
.crosswindowmessaging |
Modernizr.crosswindowmessaging |
addTest() Plugin API |
NA |
Modernizr.addTest(str,fn) |
Advertisements