Fluid-responsive property calculator
7th December 2021 (incept: 03-03-2017)
Easily generate fluid-responsive property values for embedding directly into your stylesheet.
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: )
7th December 2021 (incept: 03-03-2017)
Easily generate fluid-responsive property values for embedding directly into your stylesheet.
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.
18th May 2020 (incept: 03-03-2017)
Easily generate fluid-responsive font-size values for embedding directly into your stylesheet.
22nd January 2020 (incept: 22-06-2016)
Reformat SVG images to URIs for use as, cross-browser, CSS background-images in your stylesheet.
22nd January 2020 (incept: 28-01-2010)
Convert images to base64 data-URIs for embedding as image URLs directly into HTML or stylesheets.
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.
31st March 2017 (incept: 08-11-2008)
An online tool to easily convert UK postcodes into longitude and latitude mapping coordinates.
3rd April 2020 (incept: 24-02-2020)
Replaces the characters: < > and & with HTML entities < > and & to facilitate embedding code examples into a web page.
22nd January 2020 (incept: 04-04-2015)
Check, adjust, and convert foreground and background colour combinations for compliance with W3C accessibility guidelines.
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: