Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

This is a simple viewer for code examples hosted on GitHub Gist. Code up an example using Gist, and then point people here to view the example and the source code, live!

JQuery framework for data visualisation

All throughout 2012 there has been an enormous surge in new web design trends. Some of you may remember my earlier post on web design trends going into 2012. Now we can see many of these ideas have come to fruition, and even adopted further increasing levels of novelty. In this article I would like to delve into 20 more design trends for the new 2013 year.

Single page website with a clear nav structure

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by Vladimir Agafonkin with a team of dedicated contributors. Weighing just about 28 KB of JS code, it has all the features most developers ever need for online maps.

Capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, blur sensitive info, one-click upload to share. And more!

We want the font loaded ASAP, so let's speed it up!

Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subsequent page and adding it directly to the user’s current page.

This tool shows you how your current site looks on a smartphone, and provides a free report with personalized recommendations tailored to how your business can build a more mobile-friendly experience. To get started, fill in your URL below.

FFF is a collection of interactive experiences. Each experience has its own unique design and functionality. All the experiences are created in HTML5, the site works beautifully on both desktop and tablet.

Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.

The web is liberally littered with “What is better WordPress or Drupal” debates (sometimes with Joomla thrown in for good measure). As a long time user of both, I don’t think this is a useful question. But neither is the common answer that they both serve a different purpose. That is true up to a point but I think the real question is not “what” but rather “when”. When it comes down to it, there is nothing that WordPress can do that you could not do in Drupal. But there are many features of Drupal that simply cannot be replicated in WordPress. (Here I’m talking with available modules without significant code.)
There are many ways to compare the two and a web search will reveal many such comparisons. Here I focus on the sort of considerations an individual starting a blog or a small personal site or small institution (such as a school, interest group or a no-budget charity) needing to establish a web presence should take into account.

This is a Sublime Text plug-in that deletes blank (or surplus blank) lines from a selection.

This is a simple plugin get the scope under the cursor(s) in Sublime Text. This is useful for plugin development.

This little tool converts any .ttf (TrueType Font) or .otf (OpenType Font) file to .ttf, .otf, .eot, .woff and .svg files. It also creates a CSS file and a demo HTML file to show you how to use webfonts on your website - using CSS @font-face.