<div class=”pulse” style=”width:150px;”>Hello world!</div> <script> var elem = document.querySelector(‘.pulse’); var player = document.timeline.play(new Animation(elem, [ {opacity: “0.5”, transform: “scale(0.5)”}, {opacity: “1.0”, transform: “scale(1)”} ], { direction: “alternate”, duration: 0.5, iterations: Infinity })); </script> An emulator of the Web Animations specification. Please note that this is still experimental, and that the specification is likely to change …
Category Archives: Elsewhere
Zaarly Employee Handbook
We are building something that could quite literally create a new economy and transform lives by connecting people. We work for those people. If we do our job well, we’ll create something that matters as much to them as it does to us, and all of our lives will be better for it. We have …
MapBox styleguide
High Performance Animations
Modern browsers can animate four things really cheaply: position, scale, rotation and opacity. If you animate anything else, it’s at your own risk, and the chances are you’re not going to hit a silky smooth 60fps. True story. A recent animation-heavy prototype I once made was, at first, quickly thrown together by animating top/left, scrollTop …
Coding-Style Conventions
It’s a man’s phone
As a woman, I’ve slowly been written out of the phone world and the phone market. That extra “.2″ inches of screen size on each upgrade simply means that I can no longer do what I enviously observe men do every day: Check messages one-handed while carrying groceries or a bag; type a quick note …
Honda Illusions, An Impossible Made Possible
Star Wars: Tiny Death Star
If all the ice melted
HTML Barcode Scanner
window.addEventListener(‘load’, function() { barcode.config.start = 0.1; barcode.config.end = 0.9; barcode.config.video = ‘#barcodevideo’; barcode.config.canvas = ‘#barcodecanvas’; barcode.config.canvasg = ‘#barcodecanvasg’; barcode.setHandler(function(barcode) { document.getElementById(‘result’).innerHTML = barcode; }); barcode.init(); }); An HTML5 barcode scanner which scans EAN-13 barcodes using a webcam. HTML Barcode Scanner (GitHub) → Original repo was removed. Forked repos can be found below Did this help …