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) |
Updated on: 2020-03-04T10:11:29+05:30
148 Views
Advertisements