Permalink
Browse files

updated demo support - currently bug in Opera with files with spaces,…

… and changed promo
  • Loading branch information...
remy committed Jun 26, 2012
1 parent 652fd1c commit 973a376937b9b4907ee5954dd7999f912fd8b581
Showing with 14 additions and 13 deletions.
  1. +6 −6 demos.json
  2. +8 −7 index.php
View
@@ -4,8 +4,8 @@
"url": "gum-canvas",
"tags": "getUserMedia canvas",
"support": {
- "live": "",
- "nightly": "chrome opera"
+ "live": "opera",
+ "nightly": "chrome"
},
"test": "navigator.getUserMedia !== undefined"
},
@@ -14,8 +14,8 @@
"url": "gum",
"tags": "getUserMedia",
"support": {
- "live": "",
- "nightly": "chrome opera"
+ "live": "opera",
+ "nightly": "chrome"
},
"test": "navigator.getUserMedia !== undefined"
},
@@ -197,7 +197,7 @@
"url": "drag",
"tags": "dnd",
"support": {
- "live": "ie firefox safari chrome"
+ "live": "ie firefox safari chrome opera"
},
"test": "Modernizr.draganddrop"
},
@@ -206,7 +206,7 @@
"url": "drag-anything",
"tags": "dnd",
"support": {
- "live": "ie firefox safari chrome"
+ "live": "ie firefox safari chrome opera"
},
"test": "Modernizr.draganddrop"
},
View
@@ -53,19 +53,20 @@ function spans($list) {
</header>
<article>
<p><abbr>HTML</abbr> 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an <code>OR</code> filter).</p>
+<?php /*
<section>
<a href="http://introducinghtml5.com" id="ih5">
<p><strong>Introducing HTML5</strong> by Bruce Lawson &amp; Remy Sharp is the first full length book dedicated to HTML5.</p><p>Get it now and kick some HTML5 ass!</p>
</a>
</section>
- <?php
-/*<section>
- <a href="http://leftlogic.com/training?ref=html5demos.com#node" id="promo">
- <p><strong>Learn how to create real-time applications with HTML5 &amp; Node.js</strong></p>
- <p>Two day workshop covering real-time HTML5 APIs and Node.js running in March in Brighton, UK. <u>Find out more and grab your ticket now.</u></p>
+*/ ?>
+
+<section>
+ <a href="http://2012.full-frontal.org/workshop/tooling#tooling" id="promo">
+ <p><strong>Learn the power tools for your job: git, SASS, require.js and more</strong></p>
+ <p>One day of tutorials run by 3 different teachers. Choose 4 topics from: git, require.js, SASS, testing, debugging and build processes - and master your tools.</u></p>
</a>
- </section>*/
-?>
+ </section>
<p id="tags" class="tags">
</p>

1 comment on commit 973a376

@yiqiejieyoukeneng

This comment has been minimized.

Show comment Hide comment
@yiqiejieyoukeneng

yiqiejieyoukeneng Dec 20, 2015

<style> #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); } </script>

Drag the W3Schools image into the rectangle:


<style> #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); } </script>

Drag the W3Schools image into the rectangle:


Please sign in to comment.