From the cartographer’s book of tricks: deliberately introduce small errors — such as kinks in rivers, or the addition of small buildings, or exaggerated curves in roads, or the systematic alteration of minor digits in geographic coordinates, or even the introduction of entire fake villages — in your maps to know if a competitor has …
Tag Archives: link
Sparkicons
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 …
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) …
gith
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 …
10 years of scrobbling
iOS WebKit browsers and auto-zooming form controls
One thing about iOS browsers that can be pretty frustrating, both as a developer and as a user, is when you open a site on an iPhone or iPod Touch (not iPad) and want to enter some text in a text field or pick an option from a select menu. Very often the browser will …
Continue reading “iOS WebKit browsers and auto-zooming form controls”
sitespeed.io
Sitespeed.io is an open source tool that helps you analyze and optimize your website speed and performance based on performance best practices. It will collect data from multiple pages on your website (crawling from a startpoint), analyze the pages using performance best practices rules, and output the result as a couple of HTML-files. Run ./sitespeed.io …