Fluid-responsive property calculator
7th December 2021 (incept: 03-03-2017)
Easily generate fluid-responsive property values for embedding directly into your stylesheet.
Online tools
An odd collection of tools created in support of the various roles I've covered. Perhaps they’ll save you time too?
Mike Foskett - (update: )
All tooled up
Font size conversion: pixel-point-em-rem-percent
23rd January 2020 (incept: 07-04-2010)
Freely convert between pixels (px), points (pt), ems or rems, and percent (%) values. Primarily for font-sizes and media queries. Calculator and chart provided.
Fluid-responsive font-size calculator
18th May 2020 (incept: 03-03-2017)
Easily generate fluid-responsive font-size values for embedding directly into your stylesheet.
SVG to CSS background-image converter
22nd January 2020 (incept: 22-06-2016)
Reformat SVG images to URIs for use as, cross-browser, CSS background-images in your stylesheet.
Image to data-URI converter
22nd January 2020 (incept: 28-01-2010)
Convert images to base64 data-URIs for embedding as image URLs directly into HTML or stylesheets.
Circle of Fifths - interactive chord wheel
21st January 2020 (incept: 20-10-2018)
Find the guitar chords of most common keys using an interactive chord wheel representing the Major / Ionian circle of fifths.
UK postcode to longitude latitude converter
31st March 2017 (incept: 08-11-2008)
An online tool to easily convert UK postcodes into longitude and latitude mapping coordinates.
Escaping HTML
3rd April 2020 (incept: 24-02-2020)
Replaces the characters: < > and & with HTML entities < > and & to facilitate embedding code examples into a web page.
WCAG colour contrast checker
22nd January 2020 (incept: 04-04-2015)
Check, adjust, and convert foreground and background colour combinations for compliance with W3C accessibility guidelines.
Lazy-load blurred background-image generator
30th April 2017 (incept: 26-02-2017)
An online tool which generates the code for a lazy-loaded blurred background-image – WIP in alpha
Social links and email client: