a11y-contrast
react-uswds
a11y-contrast | react-uswds | |
---|---|---|
1 | 5 | |
32 | 166 | |
- | 6.6% | |
5.9 | 9.5 | |
4 months ago | 6 days ago | |
JavaScript | TypeScript | |
MIT License | Apache License 2.0 |
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-contrast
-
USWDS: The United States Web Design System
> Especially the contrast/magic number discussion.
From a developer perspective, working with color palettes with defined "magic numbers" is really great. I have written a blog post [1] around this topic and wrote a tool [2] to calculate/ensure accessible magic numbers for color palettes.
[1] https://darekkay.com/blog/accessible-color-palette/
[2] https://github.com/darekkay/a11y-contrast
react-uswds
- Been out of the loop with the latest trends for about 2 years. What's worth investing my free time in?
-
USWDS: The United States Web Design System
I somehow stumbled across this over the weekend.
There's a React component library (with a deployed storybook):
* https://github.com/trussworks/react-uswds
* https://trussworks.github.io/react-uswds/?path=/story/compon...
-
The new White House website has a hidden message calling for coders
If you’re and engineer and you’re wanting to just dip your toes in or have something to do between interviews, look for open source government projects to contribute to (e.g. https://github.com/uswds/uswds or https://github.com/trussworks/react-uswds). These can be a great way to see what various organizations are contributing to the civic tech space and to see their development philosophy and style.
What are some alternatives?
random-colors-palette
storybook-design-token - Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
leonardo - Generate colors based on a desired contrast ratio
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
rainbow - Rainbow — Accessibility Contrast Tool for Text on Images
react - An implementation of GitHub's Primer Design System using React
gifa11y - Gifa11y is a customizable vanilla javascript plugin that easily adds accessible play/pause buttons to animated GIFs.
React95 - A React components library with Win95 UI
apca-w3 - The APCA version, to be licensed for use with guidelines: W3/AGWG.
design-system - Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System.
react-three-paper - A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.
govuk-components - Lightweight Ruby on Rails components for developing with the GOV.UK Design System.