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.
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!
Randomly load any number of images from an HTML list. Load in other things too - try randomly loading ads, featured content, quotes, videos, whatever!
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.
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.
As of 6pm today, Ashgate Croft Special School in Derbyshire have a shiny new website to flaunt to visitors; Responsive, lightweight and super zippy!
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!
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.
Read my latest entry in the blog; A little-documented trick using position:absolute; and margin:auto; to easily center an element (IE8+).
Read my latest entry in the blog; Replacing jQuery with Velocity for performant content toggle boxes with "Holy Grail" slide-up/ down animation.
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.
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.
A fast and highly performant (less than 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 bespoke website with event registration, forum, multi-media galleries and members-only content.
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.
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.
- Img Src to Background-Image (dealing with images in a CMS)
- iOS 'Sticky Hover' Fix (unhovering drop-down CSS menus)
- Easy Absolute Center (vertical + horizontal alignment)
- SlideUp/ SlideDown content without jQuery (VelocityJS)