Thank you for visiting the Focus on Function Web Design website and printing this page.
I hope you'll visit online again soon at www.fofwebdesign.co.uk
Web Design in Chesterfield ║ fast, focused, functional.
News & Updates
Accessibility results are in for the new NEDDC website and I'm really pleased that it's been ranked 10th out of 407 Councils in the UK, with a score of 93%
Scroll down the page to reveal a hidden image with this nifty before and after image switch effect. Change the CSS transition or animation to customise.
My first major project in my new job! A responsive website for North East Derbyshire District Council, with focus on accessibility. The site will be officially assessed for accessibility soon.
2 months into my new job and I've been using lots of brain-power wrapping my head around the new systems. It's been very rewarding so far and I get to work with a team of fab folks :)
2 weeks to train my web cover before I go. I foresee many hours of document prep, code clean-up, and picking apart the "what the heck did that do" scripts from way back when. Fun!
I got the go-ahead to work on a responsive redesign of the HMS Garden Design website. The site now works much better on a multitude of devices.
I've fixed a few missing variables that were generating minor PHP warnings. Only two core files updated. No new features to report this time though.
For the past few weeks I've been working on a cleaner website look for DHFS, which includes an always visible search bar to improve usability.
Today I interviewed for the post of Application Development Officer within local government... I got the job! It will be strange to leave Education after 11 years, but here's to the future!
Free Scripts
A collection of CSS-only and JavaScript enhanced multi-level menus; Fly-out, drop-down, slide-over and off-canvas navigation for responsive websites.
A CSS-only and JavaScript enhanced content slider that can contain images, text, whatever! Includes navigation controls and cycles continuously.
A CSS-only and JavaScript enhanced gallery, where larger images open in a modal overlay/lightbox. CSS3 transitions provide an elegant fade effect.
A smorgasbord of tasty online demos and code snippets, in delicious CSS, JavaScript and PHP flavours. Take a look! You may find something useful.
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.
Portfolio
A fast and highly performant (around 200kb on small screen devices), responsive, mobile-first website.
A lightweight, responsive, "mobile-friendly" website, updated automatically via a series of RSS feeds.
A sleek, fuss-free website, that delivers a clear, direct message. Custom branding with logo and letter-heads.
A light and lean website that's fully responsive, driven by PHP, and uses flat text files to store page content.
A highly optimised and responsive, HTML5/ CSS3 website, designed to showcase free scripts.
Artwork for a boxed doll fashion for an annual convention's goodie-bags and charity auction.
Truly outrageous graphics designed for an annual, 80s fashion doll, convention souvenir poster.
A set of 20+ Windows 8 'metro' style icons used within a PHP/ JavaScript file and directory listing script.
Manage news entries for an RSS v2.0 xml file in a really simple way, and feed to Facebook and Twitter.
A flat file, PHP web page editor and CMS. Small, FREE, no database! Easy point-and-click toolbar.