Tag Archive

Easily display the viewport size of your page (for responsive designs)

I’m doing a lot of work with responsive web design at the moment and I wanted a quick and simple cross-browser way of showing what size the current viewport window (you know that bit that actually shows the webpage, sans the interface) was. There’s lots of cool extensions (Resize for Safari being a favourite) out [...]

How to easily add jQuery scripts to a WordPress Child Theme

As part of a piece I’m writing for MacUser magazine I’m trying to explain how to easily add jQuery and an associated custom script to a Child Theme in WordPress (v3 onwards). If you’re a designer primarily, the following code snippet may well help you. It assumes you have already made a child theme. With [...]

TestTrack.Tv website is now live for high octane videos

I’ve been working on the testtrack.tv website with the test track.tv team since February on and off. It’s a video based website which showcases all the best high octane videos from around the net.

Magento – add an expanding accordion style vertical side menu

By default, Magento uses a horizontal drop-down menu. In this post we will ‘stand on the shoulders of giants’ and use some jQuery to create an accordion style sidebar (vertical) menu.

A few WordPress development tips, tricks and shortcuts

OK, first of all, I didn’t come up with these. I’ve found them through trial and error whilst wrestling a WordPress project I’m working on into submission and then tweaked them to my needs. They are in no particular order but if you are working on a WordPress template file in PHP, the following may [...]

My incredibly popular PSD to HTML/CSS and jQuery service

The last quarter of 2010 and the first quarter of 2011 has seen me doing more PSD to HTML/CSS and jQuery conversions than ever before. It’s kept me so busy I’ve not been able to put half the posts up I would have liked. On the positive side, I’ve been performing PSD to HTML/CSS/jQuery conversions [...]

Magento: how to add a jQuery image and content carousel

Want to add a content carousel to your Magento based store? In this post I’ll explain how to set your Magento store to work with jQuery 1.4.3 and install a jQuery Carousel script for rotating content on any Magento page.

How to add an expanding sidebar menu to your Cubecart store with jQuery

Pre-amble/bitch about Cubecart Cubecart is a difficult beast to develop for. Whilst the software is pretty stable (most of the stores I’ve worked with have been v4 based), the standard feature set is quite poor. Added to that, I find the Cubecart community a bit of a joke.

Addecoltd.co.uk goes live

Another little brochure site I’ve designed has gone live: www.addecoltd.co.uk. Addeco are a building and landscaping product manufacturer/supplier based in Stoke On Trent. This site is static HTML/CSS/jQuery and was built on top of the 960 grid system.

benfrain.com 2010 redesign

I’ve been trying to get around to a site redesign for literally a couple of years. Finally, got the chance to revamp the site and blog and you’re looking at the results. I ditched the photo gallery as it was a private indulgence and I wanted the site to be a little more focused this [...]