a11y-color-tokens
Generate accessible UI colors from your base color tokens. (by 5t3ph)
buttonbuddy
Learn about accessible button contrast then generate your own accessible button color palette (by 5t3ph)
Our great sponsors
a11y-color-tokens | buttonbuddy | |
---|---|---|
3 | 6 | |
158 | 64 | |
- | - | |
3.3 | 0.0 | |
7 months ago | over 2 years ago | |
JavaScript | SCSS | |
ISC License | - |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
a11y-color-tokens
Posts with mentions or reviews of a11y-color-tokens.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-09-06.
-
Build Tools and Extensions I Use In Front-End Projects
I've also created a package to help me with developing accessible color palettes called a11y-color-tokens which I use for more complex projects.
-
Nevertheless, 5t3ph Coded and (Mostly) Conquered Imposter Syndrome
Eleventy let me boilerplate certain aspects, and I created additional tools to help me create color palettes and social share images. Those freed me to focus on architecting my idea and preparing content and design and ensuring accessibility. Then - out the door it went!
-
Generate Accessible UI Colors with a11y-color-tokens
Additionally, an optional Markdown document is generated with contrast cross-compatibility between all available color tokens.
buttonbuddy
Posts with mentions or reviews of buttonbuddy.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-11-15.
-
100+ CSS Generators for Web Developers
Btns - A collection of buttons with cool hover effects Copy Paste CSS - Copy the buttons from top websites Tailwind CSS Buttons - Well-designed Tailwind button collection Beautiful CSS Buttons - A useful button collection from CssScan Button Buddy - Generator with a focus on accessibility Marco Denic Button Generator - Great premade button collection with hover effects Best CSS Button Generator - Useful button editor with some premade styles CSS-Tricks ButtonMaker - Button generator from CSS Tricks CSS Button Generator - Button generator with hover effect options Gradient Buttons - Gradient buttons with hover effects
-
Frontend Developer Resources 2022
ButtonBuddy
-
Nevertheless, 5t3ph Coded and (Mostly) Conquered Imposter Syndrome
ButtonBuddy.dev - Learn about accessible button contrast then generate your own accessible button color palette
-
[18] Top 10 Must-Have Web Dev Tools - March 2021
https://buttonbuddy.dev/#generator
-
Designing for the elderly
An awesome tool which you can used to learn about accessible colours, and create cool and accessible colours for your site is buttonbuddy created by 5t3ph
-
How I Built and Launched A Small Web App in 17 Hours
Zero-config by default and ButtonBuddy required only a minimum of config changes.
What are some alternatives?
When comparing a11y-color-tokens and buttonbuddy you can also consider the following projects:
SAPC-APCA - APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.
audit-a11y - audit websites for accessibility issues