Organised Chaos

Kerning.js

CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web
type with real CSS rules, automatically.

Print designers have had it easy for way too long. This is 2011; the web has been around for a decade, yet web designers don’t get full control over their typography? Forget that, use Kerning.js!

The Manual

The Manual 

is a beautifully crafted journal that takes a fresh look, in print, at the maturing of the discipline and profession of
web design.

My Top 5 Artists (Week Ending 2011-9-11)

1. Beastie Boys (44)
2. Moderat (43)
3. Quantic (34)
4. Tipper (28)
5. Gil Scott-Heron and Jamie xx (22)

Imported from Last.fm Tumblr by JoeLaz

Topologies | Quayola

Topologies is an instalment of the Strata Series. Differently from the previous Strata pieces, Topologies does not describe a process of transformation, rather it focuses into the observation of objects that are already fully transformed. The subjects of these new pieces are
two iconic paintings from the Prado Museum’s collection: “Las Meninas” of Velazquez and “L’ Immacolata Concezione” of Tiepolo.
Following the rules behind their visual composition and colours, the two masterpieces have been transformed into digital fabrications
through the use of custom software. Topologies consist in the exploration of the digital objects created by this transformation process.
The outcome is not a narrative film but rather separate objects of contemplation… Literally “digital paintings”.

My Top 5 Artists (Week Ending 2011-9-4)

1. Tipper (18)
2. Moderat (14)
3. Beirut (6)
4. Shpongle (4)
5. Katie Morgan & Cassie Young (3)

Imported from Last.fm Tumblr by JoeLaz

Getting started - thoughtbot playbook

Patternizer - Stripe Pattern Generator Tool

Design

With Patternizer, it’s easy to make something amazing in just a few minutes. It takes all the work out of creating complicated patterns, letting you focus on creativity and play. Patterns can be saved and shared with anyone, allowing for collaboration and remixing. And you can access them from any device* worldwide.

Develop

While you’re designing, you’re also developing! Patternizer generates code that can be used with patternizer.js to create these patterns on any <canvas> element. See the Demos & Documentation for details.

Patternizer patterns don’t use any images and only require a single tiny script. In many cases patternizer will be smaller than an image-based solution (if it’s even possible with an image!). Attach patternizer.js once and create as many patterns as you want across your entire site.