Delicious

We partner with universities in their music and data science departments working with the next generation of the music industry. We innovate solutions in ethical licensing and AI rights management. We put this to the test by developing artists, creating music and content that embraces AI in search of the next generation of music.

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react

View Transitions unlocks native browser transition effects between pages for Astro 3.0 using new platform APIs. The good part? Astro is the first major web framework to mainstream View Transitions, and this article will get you started with the new API. Getting started   Let’s explore Astro view transitions

🎓 CSS Demystified: https://cssdemystified.com/🎓 I have other courses too: https://kevinpowell.co/courses/Oh, and you can join my Discord community too if y...

Animate to height or width auto with 1 CSS snippet

Your boilerplate starting place for <details> transitions

Handcrafted interactions focused on utility & beauty.

Media queries are nice, but for many things, we don’t even need them: there is this great CSS property `color-scheme`, which allows us to make various things adapt to the current color scheme. We can even set it on a per-element basis. This post describes how we can use registered custom properties and style queries to read the current value of a `light-dark()` color for styling any non-color properties as well.

This is demonstration how to create the 3D parallax effect when moving mouse using the CSS...

The best monetization platform for developers

Different weights are cool, but the real question is whether your font can swash.

I am thrilled to say, that from this week onwards, the CSS-tricks Almanac has an entry for each property, function, and at-rule related to the new Anchor

HTML forms come with built-in ways to validate form inputs and other controls against predefined rules such as making an input required, setting min and max

The text-box-trim and text-box-edge properties in CSS enable developers to trim specifiable amounts of the whitespace that appear above the

A simple JavaScript tool for converting any layout you have to drag-to-swap layout

A tool designed to intuitively generate spring animations for CSS linear(). Includes presets and customizable inputs for perceptual duration and bounce.

Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it.

An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.

Learn WCs felt so sluggish on Firefox that I disabled the background animation for all users. Turns out, fixing it took changing two lines of CSS.

Can you convert a video to pure css? Yes, yes you can. And this is how.

Font performance optimization is a set of web development techniques that make fonts load faster and render more smoothly, including thoughtful font selection, the use of performant font formats, self-hosting, optimized @font-face declarations, font display strategies, and others.

It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element.

Of all the latest and greatest CSS features, the “:has” pseudo-class wasn’t exactly at the top of my wishlist. Once I started using it, however, I kept discovering incredible things I could do with it. It’s now become a core part of my toolkit! In this blog post, I'll show you some practical real-world problems I solved using “:has”, as well as some wild experiments that blew my mind!

Complimenting half leading with the lh unit on inline padding

An alternative solution for nested border radius that clips the content-box.

An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.

Turn videos into ASCII pixel art

Learn how to use display contents to build more fluid layouts.