<template id=”sdtemplate”> <style> p { color: orange; } </style> <p>I’m in Shadow DOM. My markup was stamped from a <template>.</p> </template> <script> var proto = Object.create(HTMLElement.prototype, { createdCallback: { value: function() { var t = document.querySelector(‘#sdtemplate’); this.createShadowRoot().appendChild(t.content.cloneNode(true)); } } }); document.register(‘x-foo-from-template’, {prototype: proto}); </script> Custom Elements allow web developers to define new types of HTML …
Tag Archives: link
Stacksort
Seene
Flat UI and Forms
Harp
CHOC — Traceable Programming
iOS7 for Web Developers
PuPHPet – A simple GUI to set up virtual machines for PHP development
Magnific Popup
Holla
// Sending a call var rtc = holla.connect(); rtc.register(“tom”, function(worked) { holla.createFullStream(function(err, stream) { var call = rtc.call(“bob”); call.addStream(stream); holla.pipe(stream, $(“#myVideo”)); call.on(“answered”, function() { console.log(“Remote user answered the call”); }); console.log(“Calling “, call.user); }); }); // Receiving a call var rtc = holla.connect(); rtc.register(“bob”, function(worked) { rtc.on(“call”, function(call) { console.log(“Inbound call from “, call.user); holla.createFullStream(function(err, …