TogetherJS

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time! TogetherJS → Introducing TogetherJS → Yes, that looks familiar indeed as it’s the rebranded version of the …

Loop – The world’s most accepted wallet

Loop is the first mobile wallet to let you securely store all your cards in your phone and let you pay at more than 90% of retailers. Wirelessly perform a virtual swipe through the card slot and boom: you’ve just paid using your phone. Too bad they don’t ship outside the US or I’d back …

Gone In 60fps – Making A Site Jank-Free

To highlight how widespread rendering is a performance bottleneck, we’re going to walk through a detailed case study of Pinterest.com. Learn about common paint issues in modern sites and equally as importantly — how to diagnose them. We’ll also look at changes Pinterest made to get up to a 40% improvement in rendering times. A …

Custom HTML Elements

<template id=”sdtemplate”> <style> p { color: orange; } </style> <p>I’m in Shadow DOM. My markup was stamped from a &lt;template&gt;.</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 …