After writing about vertical rhythms and using a fixed baseline to set type to fit perfectly onto a grid, I thought it fitting to release my Typographic CSS generator. It’s job is three fold, firstly, it resets all styles (negating the use for a reset.css), secondly it sets a cross-browser compatible baseline and adjusts all type to fit accordingly, and thirdly it kerns text to make it as readable as possible, especially at the smallest sizes. …
Day 010 : Typographic Baselines
After coding multiple sites this week and evangelising about fixed baselines last week, I have found myself constantly having to do irritating fiddly maths or copy-pasting previously worked out styles. The problem with this is two fold – firstly, many of my new projects are based on a 22 pixel baseline (rendering much of my old code obsolete) and secondly, headlines vary in sizes on every site dependent on the visual aesthetics of the content. …
NomadRadio.fm

Renegade Web Radio
Bored of the charts? Looking for sounds to keep you occupied? Look no longer with music and mixes from around the world in one simple interface – combining a podcast, blog and mix aggregator – held together with AJAX magic
Day 004 : Vertical Rythmn and Typography
Now that we have a basic layout, with boxes for all the relevent sections, it is time to start laying in content and styling it. The main issues to consider with type are readablity, proportions and the white space between sections. Each of these plays a significant role in how text flows around a page and how information is grouped together. …
Seamless Branded Wallpaper

Funky Backdrop
Tesselating brands and logos used on numerous websites as the wallpaper. I did lots of variations and played around with all sorts of effects, but nothing beats classic gun metal on black.
…
saffrolla sounds

Ajax Multimedia webshop!
Dripping with high-tech features, this new music label offers free previews, podcasts and chances to buy digital songs or vinyl! This one stop site will cater for all your eclectic dance needs. Don’t forget about the secret button! …
