Web Design in Chesterfieldfast, focused, functional.

News & Updates

Focus on Function blog launched | 15th Jul 16(1/10)
Check out the new blog! I've migrated all of my previous guest posts into a dedicated Focus on Function self-hosted blog. Everything lives on home turf now!

Read More

Load random stuff on page refresh | 07th Jul 16(2/10)
Randomly load any number of images from an HTML list. Load in other things too - try randomly loading ads, featured content, quotes, videos, whatever!

See Demo

Blog: Img Src to Background-Image | 23rd Jun 16(3/10)
Read my latest entry in the blog; Convert an img src attribute into a background-image with JS, so that 'background-size:cover;' can be applied.

Read More

Ashgate Croft website handoff | 15th Jun 16(4/10)
Since the launch of the new site, I've been tying up loose ends; Working on content management training, backup schedules, stats setup, and final nips.

Visit Now

Ashgate Croft website launched | 06th Jun 16(5/10)
As of 6pm today, Ashgate Croft Special School in Derbyshire have a shiny new website to flaunt to visitors; Responsive, lightweight and super zippy!

Visit Now

Blog: iOS 'Sticky Hover' Fix (JS) | 30th May 16(6/10)
Read my latest entry in the blog; One line of JS to "unhover" CSS drop menus by tapping in the outside area. No more obscured content!

Read More

Pop-up Image Viewer with Effects | 27th May 16(7/10)
A responsive, pop-up image with on-demand image loading. A spinner shows while loading, then an image zooms, fades, sweeps or drops in to view.

See Demo

Blog: Easy Way to Absolute Center | 27th May 16(8/10)
Read my latest entry in the blog; A little-documented trick using position:absolute; and margin:auto; to easily center an element (IE8+).

Read More

Blog: Slide-Up/ Down no jQuery | 19th May 16(9/10)
Read my latest entry in the blog; Replacing jQuery with Velocity for performant content toggle boxes with "Holy Grail" slide-up/ down animation.

Read More

Widget 'hide on load' option added | 13th May 16(10/10)
I've updated both widget scripts to include an option to hide select widgets on initial page load; Just add a '.widget-hide-init' class to the markup.

See Demo

Free Scripts

Fast Edit v1 - Content Manager (1/12)
Get a free and easy CMS to edit your website! Includes file manager and page manager with a one-click interface to easily arrange the menu.

Demo Download

Fast Edit Mini - Web Page Editor (2/12)
Get a super-simple content editor for your website. Its point-and-click toolbar loads right on the web page you want to edit - no hassle, no fuss!

Demo Download

Fast Edit BE (Snippet Manager) (3/12)
Get a no-fuss website snippet editor. Easy setup, runs in the back-end, and supports multiple snippets of editable content on any number of web pages.

Demo Download

Fast Cal v1 - Event Manager (4/12)
Get a handy event manager to display calendar dates in a monthly grid, or full year event list. Link to files or websites and show event details in a popup.

Demo Download

Fast Feed v1 - RSS Manager (5/12)
Get a nifty news manager to edit and update an RSS v2.0 xml file. Supports multiple users and includes optional image upload and one-click archiving.

Demo Download

Fast Warn v1 - Alert Manager (6/12)
Get a hassle-free message manager to display an alert box or critical warning to web vistors. Use the RSS file to feed alerts to social media websites.

Demo Download

Fast Logs v1 - Logs Manager (7/12)
Get a neat logs manager to show book chapters or updates in a small web space. Page numbering and one-click archiving keep things neat and easy.

Demo Download

Responsive Multi-Level Menus (8/12)
A collection of CSS-only and JavaScript enhanced multi-level menus; Fly-out, drop-down, slide-over and off-canvas navigation for responsive websites.

All Menus All Freebies

Responsive Any Content Slider (9/12)
A CSS-only and JavaScript enhanced content slider that can contain images, text, whatever! Includes navigation controls and cycles continuously.

Demo All Freebies

Responsive Modal Gallery (10/12)
A CSS-only and JavaScript enhanced gallery, where larger images open in a modal overlay/lightbox. CSS3 transitions provide an elegant fade effect.

Demo All Freebies

Demos & Snippets (11/12)
A smorgasbord of tasty online demos and code snippets, in delicious CSS, JavaScript and PHP flavours. Take a look! You may find something useful.

All Demos All Snippets

Blog - Musings, Tips, Advice (12/12)
Find out what's interesting me in my latest blog entries. Here you'll find web tips and advice, and more code gems that don't fit anywhere else.

All Blogs

Portfolio

A fast and highly performant (less than 200kb on small screen devices), responsive, mobile-first website.

Websites

A lightweight, responsive, "mobile-friendly" website, updated automatically via a series of RSS feeds.

Websites

A sleek, fuss-free website, that delivers a clear, direct message. Custom branding with logo and letter-heads.

Websites

A highly optimised and responsive, HTML5/ CSS3 website, designed to showcase free scripts.

Websites

A bespoke website with event registration, forum, multi-media galleries and members-only content.

Websites

Artwork for a boxed doll fashion for an annual convention's goodie-bags and charity auction.

Graphics

Truly outrageous graphics designed for an annual, 80s fashion doll, convention souvenir poster.

Graphics

A set of 20+ Windows 8 'metro' style icons used within a PHP/ JavaScript file and directory listing script.

Graphics

Manage news entries for an RSS v2.0 xml file in a really simple way, and feed to Facebook and Twitter.

Scripts

A flat file, PHP web page editor and CMS. Small, FREE, no database! Easy point-and-click toolbar.

Scripts