Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- 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: 04-Mar-2020
96 Views
Advertisements