A WebGL browser clone of MilkDrop

Эта статья для тех, кто не использует generic-типы в TypeScript: не знают о них, боятся использовать или используют вместо реальных типов — any.

I'm sure you've heard of WordPress, and you may or may not like it.
In this article, I'll show you how you can leverage only the good parts of WordPress by using it as a headless CMS for your next project.

As the front-end, we'll be using the new popular static site generator Astro.

Let's dive a bit into the details of what we are working with.

The most advanced open-source session replay to build delightful web apps.
An open source alternative to LogRocket and HotJar.

Mock by intercepting requests on the network level. Seamlessly reuse the same mock definition for testing, development, and debugging.

via devtools.fm

Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested not using 100vh, others have come up with different alternatives to work around the problem. In fact, this issue goes further back a few years when Nicolas Hoizey filed a bug with WebKit on the subject (the short of it: WebKit says this is “intentional” 🧐).

Design systems are great for developer efficiency, visual consistency, and accessible experiences. But measurement can be challenging, and even here at Sparkbox we’re often relying on anecdotes from our own projects or from self-reported metrics that we’ve gathered from our annual design systems survey. We wanted more proof, so we decided to test our hypothesis, “design systems help developers produce better code faster.” Our test subjects? A handful of willing Sparkbox developers.
via CSS-Tricks mailing list (https://css-tricks.com/newsletter/276-future-friendly-layouts-and-design-system-vitals/)

Themable react components with various configuration to match your need.

via devtools.fm

The Radius design system starter kit is a collection of open-source tools and libraries that guide and help you to build your design system faster. Design systems need to match your brand and product needs, and your current and future digital workflows. Too much, too little, too complex, or too off-brand, and you will fight your design system as much as benefit from it.

Intuitive. Powerful. Runs everywhere

How to unify anatomy and props across code and design tools

Choosing a UI web framework or library is often difficult. There are plenty to choose from, so you have to take different factors into account: number and quality of the components, performance, ongoing development, license or language support. Way too often accessibility (a11y) doesn't make it high on that list, unfortunately.

SONGBPM.com helps you find the BPM and Key for any song. We hope you find our service helpful.

Beginner friendly if listened to in order! For anyone interested in an educational podcast about philosophy where you don't need to be a graduate-level philosopher to understand it. In chronological order, the thinkers and ideas that forged the world we live in are broken down and explained.

preventDefault and stopPropagation: when to use which and what exactly each method does

HSL is an alternative representation of the RGB color model. It’s the most common way to specify color in design tools, but it has an inherent fault — Lightness and Saturation don’t reflect human perception. Compare blue and green — while both have a Lightness of 50, blue looks much darker.

Thank you for presenting your web application for this UI audit. It definitely takes a lot of courage. It also means that you care about UI/UX and believe that great design can make a difference for your business. It absolutely can!

The ultimate in eco-friendly screen protection, Canopy is Pela's innovative food safe alternative to traditional and wasteful plastic and glass screen protectors.  This product comes in a reusable glass vial and cork and has enough liquid to protect a minimum of 3 phones. For more in depth info on Canopy, click here.

Due to the liquid form of this product, it is not compatible with non-waterproof or non-water resistant devices.

Solid is a purely reactive library. It was designed from the ground up with a reactive core and built on hardened tooling in a growing ecosystem.