UI/UX

Pretty Gist

We all love Github, but the embedded Gists aren’t great: they’re drab and lack some functionality. Pretty Gist is a jQuery plugin to make prettier and more functional embedded Github Gists. It’s super simple to use, and can easily enhance Gists already embedded on your pages by just dropping it in.

Continue reading →

_______________________________________________________________________________________________________________________

jQuery Github Widget

Have you ever wanted to add a slick, clean and simple jQuery-powered Github widget to your site? With this one, you can get it going in a couple of minutes! This Github jQuery plugin displays your user info and most recent reports in a simple clean and frankly kick-ass way.

Continue reading →

_______________________________________________________________________________________________________________________

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!

Continue reading →

_______________________________________________________________________________________________________________________

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 thought that I’d share them here in case any other frustrated web workers are in desperate need of a button fix.

Continue reading →

_______________________________________________________________________________________________________________________

A simple jQuery powered image slider

This is another quick implementation of one of Orman Clark’s designs from Premium Pixels. As with the last previous slider I shared, this is based on malsup’s awesome Cycle jQuery plugin.

Continue reading →

_______________________________________________________________________________________________________________________

Accessibility and an introduction to ARIA

First of all, what the hell is ARIA and why should I care? Well first of all, that’s a rather rude way to start a conversation, but whatever dude; the Accessible Rich Internet Applications (ARIA) is a proposed specification (currently in the working draft stage) developed by the W3C. What it does is set out a proposed structure for front-end developers to programmatically make their applications and pages more accessible.

So in short, it makes people who have trouble viewing normal pages lives a little easier.

Continue reading →

_______________________________________________________________________________________________________________________

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.

Continue reading →

_______________________________________________________________________________________________________________________

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).

Continue reading →

_______________________________________________________________________________________________________________________

Amazon S3 batch editing metadata

I’ve recently had cause to start using S3 on a personal project, and while for the most part, I couldn’t be happier, there is one thing that is irritated more than I thought it would. Namely, you can’t batch edit meta-data for files from within the native AWS console.

Continue reading →