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) …

Google Chrome Packaged Apps

Packaged apps deliver an experience as capable as a native app, but as safe as a web page. Just like web apps, packaged apps are written in HTML5, JavaScript, and CSS. But packaged apps look and behave like native apps, and they have native-like capabilities that are much more powerful than those available to web …