HTML5 - Feature Detection & Drag and Drop
About the Lecture
The lecture HTML5 - Feature Detection & Drag and Drop by Eduonix Learning Solutions is from the course HTML 5 Features. It contains the following chapters:
- What is Feature Detection?
- Modernizr
- Object & Properties
- Updated CSS
- Drag and Drop Syntax
- Download Modernizr
- Create divs in image
- Drag and Drop Events
- Testing Syntax
These courses may be of interest to you
Author of lecture HTML5 - Feature Detection & Drag and Drop
Eduonix Learning Solutions
Customer reviews
5,0 of 5 stars
| 5 Stars |
|
5 |
| 4 Stars |
|
0 |
| 3 Stars |
|
0 |
| 2 Stars |
|
0 |
| 1 Star |
|
0 |
Excerpts from the accompanying material
... It is NOT Browser detection. Developers use to use “UA Sniffing” to detect the user’s browser using the navigator.userAgent property....
... such as Modernizr. Modernizr does not try to detect the browser but it detects certain features. You can download Modernizr at http://modernizr.com/download / and actually pick and choose what ...
... download the file, include it in your section and add class=“no-js” to your tag ...
... that checks to see if canvas is supported… if (Modernizr.canvas) { // Yes, canvas is supported } else { // No, canvas is ...
... With Modernizr, we can use the no-js and no- cssgradients rule to tell a browser that does not support CSS3 gradients, to ...
... and any element can be draggable. IE 9, Firefox, Opera 12, Chrome, and Safari 5 support drag and drop. ...
... “draggable” attribute to “true” We specify what we want to drag ...
... do this with the event.preventDefault() function event .preventDefault(). Now the drop event function drop(ev){ ev.preventDefault(); var data=ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(data)); ...
