I'm a front-end developer (and some time Creative Director) who blogs about design, development and the web. I live in London and I'm a gigantic nerd.

CSS

A jQuery powered HTML5 navigation menu

A jQuery powered HTML5 navigation menu

I was recently asked to knock-up a semantically simple (but elegant) navigation bar for a new open-source project I’ve become involved with (more on that soon!). Having done so with a reasonable amount of success, I thought I would also share it here for everyone else to use as well!

(more…)

Continue reading →

A set of simple CSS3 buttons

A set of simple CSS3 buttons

Having searched around for a while, looking for a set of CSS3 ‘buttons’ and not finding anything exactly right for my needs, I decided to create a set from scratch. Being the generous kind of bloke I am, I though that I’d share them here in case any other frustrated web workers are in desperate need of a button fix.

(more…)

Continue reading →

Why the ‘outline’ CSS property is so important

Why the ‘outline’ CSS property is so important

There are a lot of designers and developers who (for whatever reason) choose to remove any styling from the outline property that highlights focused anchors. This is a short post about why you shouldn’t do it, or if you really need to; how you can make it look a little better than browser default outlines.

(more…)

Continue reading →

CSS3 Media Queries and Mobile Devices

CSS3 Media Queries and Mobile Devices

Having trouble with pages rendering poorly on modern mobile devices? Want to target those devices using just CSS? CSS3 media queries are the answer to your problems.

(more…)

Continue reading →

Simple and Minimalist Nav Bar (+ extra CSS3!)

Simple and Minimalist Nav Bar (+ extra CSS3!)

Inspired by having a little free time, and the fun I had doing it yesterday; here is another implementation of one of Orman Clark’s designs, his ‘Clean and Simple Navigation Menu’. As you will see however, I made a couple of small changes: most noticeably to the font (due to browsers not rendering Helvetica Neue Bold nearly as well as Photoshop); and removing a couple drop shadows (just because I thought it looked a little better this way).

(more…)

Continue reading →

1 of 212
Powered by Wordpress and jQuery
Licensing information can be found here