SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Snap.svg →
Tag Archives: link
Introduction to ElasticSearch
Adobe Crossword
A crossword based on the Adobe password leak. The answers to the crossword are chosen from the 1000 most used passwords for Adobe user accounts from the recent password leak. The clues are up to 50 of the most commonly used hints for each of the passwords. Hilarious stuff! Adobe Crossword → Inspired upon XKCD …
ocppjs – An experimental OCPP Simulator
Simulator for the Open Charge Point Protocol — the protocol by which a Charge Point of an electric vehicle communicates with a Central System — supporting both OCPP-S (standard OCPP, using SOAP over HTTP) and the new OCPP-J (“new” OCPP, using a Wamp inspired protocol over WebSockets). Version 1.2 and 1.5 of OCPP are supported. …
PHP is meant to die
PHP is meant to die. It doesn’t mean that it will disappear into nothingness, it just means that your PHP code can’t run forever; The core PHP feature follows the most simple programming workflow: get input data, process it, display the output, and die. … If you want to keep [PHP] processes running forever they …
Web Animations Polyfill
<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 …
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 …