contrast-11ties icon indicating copy to clipboard operation
contrast-11ties copied to clipboard

Published 20 hours ago • verified publisher icon BenDMyers
→

Metadata

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

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

← Metadata

22
Stars
0
Forks
Watchers

Owner

verified publisher icon BenDMyers

Metadata

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

Back