Sparkicon: a small, inline icon with additional link meta data to describe either the content and/or the behaviour when the user clicks the link. Think those little icons on Wikipedia (indicating the link is an external one), on steroids. Sparkicons →
Category Archives: Elsewhere
Not Pacman
Ever wondered how Pacman would be like with physics? No? Well, it’s revolutionary. This mashup of “Not” and “Pacman” puts The Pac and the Ghosts in a in a Pacworld cage, at mercy of gravity and the level’s shape, controlled solely by you. Ghosts still don’t like you very much, so you should be careful …
Swig
<h1>{{ pagename|title }}</h1> <ul> {% for author in authors %} <li{% if loop.first%} class="first"{% endif %}> {{ author }} </li> {% else %} <li>There are no authors.</li> {% endfor %} </ul> var template = require(‘swig’); var tmpl = template.compileFile(‘/path/to/template.html’); tmpl.render({ pagename: ‘awesome people’, authors: [‘Paul’, ‘Jim’, ‘Jane’] }); A Node.js and Browser-based JavaScript Template Engine …
Cycloramic
Gathered around a dinner table, in a bar, in a club, at home, or at a conference table? Cycloramic allows you to capture the moment (handsfree) in a unique and fun way whilst making you and your phone the talk of the event! Cycloramic automatically spins your iPhone 5 using the built-in vibration unit to …
Moon Hoax Not
2D transform’s translate() vs absolute positioning: performance evaluation
Auxo – The iOS App Switcher re-imagined
Samplr for iPad
Mousetrap
A simple library for handling keyboard shortcuts in Javascript // single keys Mousetrap.bind(‘4’, function() { highlight(2); }); Mousetrap.bind(‘x’, function() { highlight(3); }, ‘keyup’); // combinations Mousetrap.bind(‘command+shift+k’, function(e) { highlight([6, 7, 8, 9]); return false; }); Mousetrap.bind([‘command+k’, ‘ctrl+k’], function(e) { highlight([11, 12, 13, 14]); return false; }); // gmail style sequences Mousetrap.bind(‘g i’, function() { highlight(17); …
Dive into Flexbox
Flexbox is a new layout mode in CSS3 that is designed for the more sophisticated needs of the modern web. This article will describe the newly-stablized Flexbox syntax in technical detail. Great to see that after three years it has become a candidate recommendation. Time to start digging a grave for faux columns (née 2004) …