Best Free Fonts is a curated selection of free fonts. Including serif, sans serif, script and monospace.

A set of custom elements for rule checking and toggling the value visibility of an HTML password input.

A collection of easing graphs for web developers

Your boilerplate starting place for <details> transitions

The CSS Working Group released the first Public Working Draft for the CSS Values and Units Module Level 5. It describes the common values and units that CSS properties accept and the syntax used for them, and it comes with some interesting new features. A review of some new functions and values that you will see in CSS (hopefully soon) :: Blog post at Alvaro Montoro's Personal Website.

Learn how to use three CSS properties to override font metrics and minimize layout shifts during font load.

O Positive is a bi-coastal production company that Creativity calls small but mighty. We like that.

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.