terracotta
rci
terracotta | rci | |
---|---|---|
1 | 2 | |
643 | 895 | |
- | - | |
8.3 | 2.6 | |
about 1 month ago | about 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
terracotta
-
New to web development, How can I create a tab system?
You should avoid implementing standardized components on your own because there is much more to consider than it seems at first (screen reader support, keyboard navigation). For this reason you usually want to use a (headless) component library. I usually use solid-healdess. You can go to it's examples folder to see how to use any of the components
rci
-
Need help making my component accesible
I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component
-
Made a Segmented Input component for svelte
Take a look at https://github.com/leonardodino/rci for inspiration.
What are some alternatives?
solid-lib-starter - SolidJS library starter template. Use it to create your own solid package.
react-math-keyboard - A customizable math keyboard for React
made-in-solid - SolidJS Portfolio β What have people built with it?
block-code - A fully customizable, one-time password input component for the web built with React
Zappa - Serverless Python
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
titiler - Build your own Raster dynamic map tile services
gincko - Build complex, smart forms or inputs-based UIs in seconds.
a11y-twitter - Small changes to how you use Twitter to promote Tweeting in an accessible manner. For now, it will only prompt once per Tweet to add alt text to an attachment before you Tweet. Simple but effective. π
a12n-server - An open source lightweight OAuth2 server
image-to-totp - π Convert QR images to TOTP codes
zag - Finite state machines for building accessible design systems and UI components.