From the deep


Feb 18

Pure CSS3 Bokeh effect

One of the best apps made using CSS3, that’s for sure. A few more options would be nice, such as changing colours of the circles and being able to place them manually.



EZ-CSS: An easy to use, lightweight, CSS framework

It is light (1kb), flexible, browser-friendly and easy to use! ez-css is a different kind of CSS framework. Authors are not bound to a “grid”. Plus, columns and gutters can be of any width.


Feb 12

jQuery plugin: Quicksand

I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects. Quicksand aims at providing a similar experience for users on the web.


Feb 11

Best source code comments

I have nothing to say. Just read it. And then laugh.



Grafico graphing library version 0.9

I already know of an application that I could add this in. Okay, make that two applications. That it, once a jQuery version comes along…


Feb 9

What if William Shakespeare wrote The Big Lebowski?

I’m a massive fan of The Big Labowski. And let’s face it, who isn’t? I’m reading this when I have a spare few minutes. “You want a toe? I can get you a toe, believe me. There are ways, Dude. You don’t wanna know about it, believe me. Hell, I can get you a toe by 3 o’clock this afternoon… with nail polish. These fucking amateurs…”


Feb 8

Google’s superbowl advert: Parisian Love

When you think about it, it’s kinda hard for Google to create an effective advert about searching. However, they managed to pull it off. It’s been on YouTube for a while but was also played on the Superbowl commercial. Apparently.



jQuery plugin: Flip

” What is Flip? Flip is a jQuery plugin that will flip easily your elements in four directions. Try it “


Feb 5

jQuery plugin: Masonry

“Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.”


Feb 3

America is broke, and needs its old friends

“Barack Obama’s $3.8tn budget is a vastly complex affair. But one fact stands out plainly: in layman’s terms, America is broke. The federal government’s outgoings will exceed income by about $1.6tn this year; over the next 10 years combined, the predicted gap is $8.5tn.”



Nexus One finally adds Multitouch support

“Much more significantly, though, they’ve capitulated and enabled multitouch in Browser, Gallery, and Maps — great news and a big win for the Android community at large.”


Feb 2

Chrome OS Touch? Coming soon?

I would rather have Mac OS X on a iPad—I doubt we’ll see that in the next year or two, but I can wish. However, the Chromium devs have a quick demonstration of what they would like to see, and it’s very interesting.



Logos are dead

“They are a hangover from old-school thinking about branding. There is no desire by the public for a new logo. They are simply an old-fashioned approach to differentiating products or services [..] symbols invented to accompany brand names are a waste of time, money and effort.”


Feb 1

Google phases out support for IE6

“Google has begun to phase out support for Internet Explorer 6, the browser identified as the weak link in a cyber attack on the search engine. The firm said from 1 March some of its services, such as Google Docs, would not work “properly” with the browser.”



Fun with CSS3

It’s pretty cool the effects you can do with CSS3, no doubt. Even if IE doesn’t have a clue what you’re trying to achieve. This page tries to have some fun with the border radius propery.


From the journal

From the deep

Obligatory links

jQuery plugin: JustGage

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independant and self-adjusting.

Javascript: URI.js

URI.js is a javascript library for working with URLs. It offers a “jQuery-style” API (Fluent Interface, Method Chaining) to read and write all regular components and a number of convenience methods like .directory() and .authority().

HTML5 mockup site: Moqups

There are many alternatives (Balsamiq and Go Mockingbird, to name a few) and haven’t delved too deeply, but looks like a solid (free, for now) alternative.

jQuery plugin: Handsontable

Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery. Now with column and row headers!

jQuery plugin: Morris.js

Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

jQuery plugin: Turn.js

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

Try Git in your browser

Git allows groups of people to work on the same documents (often code) at the same time, and without stepping on each other’s toes. It’s a distributed version control system.

Brackets: The Open Source Code Editor for the Web

Brackets is a new open source project founded by Adobe to push tooling on the web forward. Based on the principle that the best developers to build tools for web developers are in fact web developers, Brackets is built in JavaScript, HTML and CSS.

jQuery version 1.9 and beyond

Seems as though the jQuery team are planning on dropping support for IE 6/7/8 in jQuery 2.0, expected to be released in early 2013. Now, although I don’t particularly like IE, I think that might be a little too aggressive a development path. Unfortunately few people still use IE 6, a little more 7, and quite a chunk 8.

Node 0.8.0 released

I am thrilled to announce the arrival of a new stable version of Node.js. Compared with the v0.6 releases of Node, this release brings significant improvements in many key performance metrics, as well as cleanup in several core APIs,

‘Twisted light’ carries 2.5 terabits of data per second

Researchers have clocked light beams made of “twisted” waves carrying 2.5 terabits of data – the capacity of more than 66 DVDs – per second.

PHP sockets with Ratchet

Ratchet is a component library for PHP that provides developers with the tools to create real time, bi-directional applications between clients and servers. This is not your Grandfather’s Internet.

reFiddle: Helping to debug regular expressions

Test your regular expressions with live matching and custom string matching.

Google Maps adds UK waterways to travel routes

Google Maps users may soon find it easier to plan a trip on some of England and Wales’s waterways. The search engine has teamed up with the Canal and River Trust, a charity that will be in charge of the two countries’ water network from July.

jQuery plugin: Joyride

We have been meaning to add this kind of functionality to Signable for a while. Will have to add it to the ever-growing todo list.

Responsive design illustration

Resize your browser to reveal just a handful of the kind of devices you should expect web pages to be viewed on.

Microsoft announces Surface Table

Still no real “hands on” with the newly announced Microsoft Surface, but it looks as though it will integrate well into their product line since it runs Windows 8 (whether that will be a full or stripped version is as yet unknown).

A new way to CAPTCHA

PlayThru is the next generation of online human verification. It is designed to be more simple, more intuitive, and more fun than the current CAPTCHA options. We use game mechanics to create an experience that is more enjoyable than solving that awful squiggly text.

jQuery plugin: Nestable lists

I have actually created this exact plugin for our internal CMS – I might look into releasing it into the public after this.

Skype 4.0 released for Linux

Not sure how manu years Linux users have waited for an update, but it seems to finally be here!