Skip to content

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

Notifications You must be signed in to change notification settings

BenDMyers/contrast-11ties

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Topics

Resources

Stars

Watchers

Forks