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.
Hello Tomorrow! — the Design Office of Matt Stevens - Direction + Design + Illustration
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
GitHub - inframanufaktur/rss-manufaktur: RSS feeds for the masses. Create feeds for sites that have none.
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.
Taking Eleventy into the Spiderverse with eleventy-fetch
Let’s walk through the specifics of how to utilize the @eleventy/eleventy-fetch plugin to retrieve data from an API and use it in an Eleventy generated site.
A Guide To Accessible Form Validation — Smashing Magazine
Each time we build a field validation from scratch, accessibility doesn’t come out of the box. In this guide, Sandrina breaks down what we need to take into consideration, so that nobody gets stuck on an inaccessible invalid field.
Simplified Dark Mode With Style Queries | Stephanie Eckles
Supporting both the user preference query for dark mode as well as a toggle previously required duplicated style blocks. With the incoming style queries feature, we can simply down to reading a custom property to define theme styles once.
Easing curves, and better CSS transitions and animations - Josh Collinsworth blog
The difference between a smooth, sleek animation and one that feels bland and generic is often in the easing curve. Let's look at what easing curves are and how they work in CSS, before diving into tips for making the best web animations possible.