Extensive JavaScript Style Guide by Airbnb about just about everything in JavaScript: Types, Functions, Naming Conventions, Whitespace, Comments, Constructors, Performance, etc. — A must read for anyone who scripts the JavaScript. Airbnb JavaScript Style Guide →
Adobe Creative Suite 2 now Free
Spark SVG
Easily integrate sparklines into your website. Host it yourself, or embed the hosted version. <embed src="//sparksvg.me/line.svg?10,12,3,4,8,20,15,9,7,9,10,6,4,0,4,7,10,8,12,9,7,3,0" type="image/svg+xml"> Results in: The service also offers charts with bars and dots. Spark SVG →Spark SVG Test Page →
Super Resize Me
Elusive Icons
Flickable — A Zepto Plugin to Enable Touch Gestures on Any HTML Element
Zepto is great for handling basic gesture events, but for more complex touch interactions it can be lacking. Flickable allows you to make any element touchable; useful for flicking between sections, or sliding elements around the page. Flickable → Flickable Thumbnail Slider Demo → Looking for a jQuery flickable plugin? Check out jQuery.flickable. Note that …
Continue reading “Flickable — A Zepto Plugin to Enable Touch Gestures on Any HTML Element”
Trap Streets
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 …
Sparkicons
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 …