John Lampard

Former jack-of-all-trades, turned web designer, now turned web writer and jack-of-all-trades. Don’t ask me what I actually do because not even I could really say.

I do know though that I spend my days writing copy for websites, trawling the web looking for things to post here, or watching movies and then writing about them.

The hours are long but at least I’m able to work from wherever I can get online and don’t need to sit in an office all day enduring workplace politics… for this I am eternally thankful.

While no one thinks much about location any more, either we’re on the grid or we’re off it, I’m based in NSW, Australia, but can be found wherever I can connect to the aforementioned grid.

disassociated.com

I’ve been doing disassociated in one form or another since 1997. That’s when I started to spend serious amounts of time online, looking at whatever websites I could find.

After seeing what seemed like a large chunk of the approximately one million sites that were around at that point, I decided I wanted one of my own.

After dabbling with a couple of interim sites, disassociated.com.au went online in August 1997. And so, long story short, here we are today.

disassociated is part personal, part pop culture – with a design, art, and film skew – and very much a work in progress, but take a look around and decide for yourself.

Some of my write-ups, and the links I’ve featured, have been referenced by all manner of websites including Wired, Smashing Magazine, Gizmodo, MetaFilter, ZDNet, VSAUCE, Web Urbanist, Reddit, and Wikipedia, while one or two reached Digg’s front page back in the day.

What’s in a name?

This crops up in conversation from time to time. Quite a bit actually. disassociated derives from disassociated partners, originally a would-be music video production group I was part of in London. Plans change. In other words I discovered the internet.

disassociated is also another way of saying independent. Maybe not opinionated, but certainly independent.

Building and designing disassociated

I try to keep things simple here, and being a former web designer helps.

In June 2007 I migrated disassociated.com to the WordPress online publishing Content Management System (CMS). Prior to this every page on disassociated was marked-up with HTML manually, as it was needed, using NotePad, a simple text editor.

I still use NotePad today to stitch together the PHP files I need, along with WordPad for writing all content, PhotoShop for images and photos, FireFox, and Google Chrome.

The font here is Agenda Medium, by Font Bureau, and being a web font should display in your browser even if it isn’t stalled on your system. It was introduced when I redesigned disassociated in May 2012, also the time I placed the layout into a single column and, hopefully, made the site a little more smartphone friendly.

Pages are auto-validated, or otherwise, by way of the fine FireFox extension HTML Validator, which makes mark-up errors easy to spot and correct.