The separation of concerns we aim for in design systems has an unwanted byproduct:
bloated HTML in the space between components. What can we do as component authors
to encourage good markup hygiene at the inter-component level?
A bookmarklet generator which is clean and easy to use. Create and test bookmarklets in your browser. Extend your browsing experience any way you see fit.
GitHub - maciekgrzybek/svelte-inview: A Svelte action that monitors an element enters or leaves the viewport.🔥
A Svelte action that monitors an element enters or leaves the viewport.🔥 - GitHub - maciekgrzybek/svelte-inview: A Svelte action that monitors an element enters or leaves the viewport.🔥
A Step-By-Step Guide To Building Accessible Carousels — Smashing Magazine
Most carousels come along with usability and accessibility issues. To avoid these issues, this article addresses step-by-step design considerations as well as semantic requirements for carousels to be accessible. It is intended to create an in-depth understanding of the implementation and its impact on users.
GitHub - heiseonline/embetty: 🐙 Embetty displays remote content like tweets or YouTube videos without compromising your privacy.
🐙 Embetty displays remote content like tweets or YouTube videos without compromising your privacy. - GitHub - heiseonline/embetty: 🐙 Embetty displays remote content like tweets or YouTube videos wi...
How To Create Dynamic Donut Charts With TailwindCSS And React — Smashing Magazine
In this article, Paul Scanlon shares a super lightweight approach to creating a Donut chart using conic-gradient(). There are no additional libraries to install or maintain, and there’s no heavy JavaScript that needs to be downloaded by the browser in order for them to work.
Using Zod & TypeScript for more than user input validation
If you have ever created an API or a form accepting user input, you know what data validation is, and how tedious it can be. Fortunately, libraries can help us, such as Yup or Zod. But recently, I realized that these libraries allow patterns that go much farther than input validation. In this post, I’ll show you why I now use them in most of my TypeScript projects.