Delicious

A library of accessible component primitives, actions and utilities for Svelte.

Fundamental white label web components for building your design system

Elianiva's personal website

A look at another new WebC feature - looping

2444 Free SVG icons for popular brands

Progressive Web Apps can be submitted to app stores like the Android Play Store or the Microsoft Store and more.

Selecting a previous sibling was for long impossible, but is now a breeze with the has() pseudo-class

Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.

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 non-exhaustive list of details that make a good web interface.

I have a long list of personal blogs that I have been maintaining in my RSS reader. And one of the blogs in this list is Rach Smith’s digital garden.

A free collection of 50 different hand-made and editable SVG Doodles to spice up your online and offline designs!

A simple way to add icons to an Astro site and to stay organized in the process.

You want to offer static-site benefits to clients, but they want WordPress! Learn how to use Eleventy with WordPress to offer the best of both worlds.

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.

SVG Shapes

A set of elements & layouts made with Tailwind CSS and Alpine.js.

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.🔥

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.

Documentation for MiniSearch

🐙 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...

Selecting a previous sibling was for long impossible, but is now a breeze with the has() pseudo-class

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.

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.

Open source content management for your Git workflow

I worked with the producer Ryan Kalil as an extension of the art department on the Apple TV+ series Hello Tomorrow! I was brought on board very early on to work on the pitch bible (NDA) and was involved throughout production, all the way up through final VFX. It was so fun to be immersed in this wo

RSS feeds for the masses. Create feeds for sites that have none. - GitHub - inframanufaktur/rss-manufaktur: RSS feeds for the masses. Create feeds for sites that have none.

Simple and easy way to view the content of font files.