/contrast-11ties

Zero clientside JavaScript color contrast checker, built with Eleventy Serverless for the 11ties

Primary LanguageHTML

Eleventy Serverless Color Contrast Checker

Screenshot of a browser showing a color contrast checker which reads "#4C1074 and #EE4433 have a contrast ratio of 3.37:1." The background is purple and red, reflecting the two hexcodes. A form with two color pickers allows the user to specify a new foreground and background and get the ratio.

I spoke at Jamstack Toronto's 2021 edition of the 11ties — a series of 11-minute lightning talks about the Eleventy static site generator. In my demo, I showed how you can use Eleventy's new Eleventy Serverless feature to build a color contrast checker application that requires zero client-side JavaScript.

Resources