HTML5 - Feature Detection & Drag and Drop von Eduonix Learning Solutions

video locked

Über den Vortrag

Der Vortrag „HTML5 - Feature Detection & Drag and Drop“ von Eduonix Learning Solutions ist Bestandteil des Kurses „HTML 5 Features“. Der Vortrag ist dabei in folgende Kapitel unterteilt:

  • 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

Dozent des Vortrages HTML5 - Feature Detection & Drag and Drop

 Eduonix Learning Solutions

Eduonix Learning Solutions

Eduonix Learning Solutions - The Knowledge Edge

Eduonix creates and distributes high quality technology training content. The team of industry professionals have been training manpower for more than a decade. Eduonix aims to teach technology the way it is used in industry and professional world. The expertness of the professional team of trainers ranges from Mobility, Web to Enterprise as well as Database and Server Administration.

Kundenrezensionen

(1)
5,0 von 5 Sternen
5 Sterne
5
4 Sterne
0
3 Sterne
0
2 Sterne
0
1  Stern
0


Auszüge aus dem Begleitmaterial

... 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)); ...