Easing Wizard - CSS Easing Editor and Generator
https://easingwizard.com/
Generate and customize CSS easing functions with ease and magical precision using Easing Wizard 🧙
Moving away from Tailwind, and learning to structure my CSS
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/
Moving away from Tailwind, and learning to structure my CSS
Lobsters discussion: https://lobste.rs/s/7a6atx/moving_away_from_tailwind_learning
and from there a link to https://rstacruz.github.io/rscss/ which looks useful.
CSS subgrid is super good
https://dbushell.com/2026/04/02/css-subgrid-is-super-good/
The one where I code a simple but powerful grid layout
Modern CSS Code Snippets | modern.css
https://modern-css.com/
A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.
Introducing ReliCSS: A Tool for Front-End Archaeology | Always Twisted
https://www.alwaystwisted.com/articles/introducing-relicss-a-tool-for-front-end-archaeology
Introducing ReliCSS: a tool that helps you identify browser hacks and CSS artifacts in legacy codebases. Understand the 'why' behind old code and prioritise refactoring efforts.
Writing Tailwind-compatible Semantic CSS | Fractaled Mind
https://fractaledmind.com/2026/01/02/writing-tailwind-compatible-semantic-css/
This is my personal site, where I write about Ruby, programming, and any of my varied fascinations.
Web Platform Status
https://webstatus.dev/?q=baseline_date%3A2025-01-01..2025-12-31
Features and availability in browsers by date range
Baseline timeline - CSS calendar
https://rviscomi.github.io/timebase/
Timeline of web features and browser support
You no longer need JavaScript Ʊ lyra's epic blog
https://lyra.horse/blog/2025/08/you-dont-need-js/
An overview of what makes modern CSS so awesome.
https://lobste.rs/s/xx7dbi/you_no_longer_need_javascript_overview
Faux Containers in CSS Grids – Cloud Four
https://cloudfour.com/thinks/faux-containers-in-css-grids/
A simple trick for styling cards with breakout elements.
An Introduction to css-doodle
https://yuanchuan.dev/an-introduction-to-css-doodle
This is a rough transcription based on my notes for the sharing session I presented
at the online Groove meetup in June.
I've shared the slides before, but I think it's worth putting the content in writing.
The full slide deck is accessible on GitHub.
Complete CSS - Piccalilli
https://piccalil.li/complete-css
A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.
A Friendly Introduction to Container Queries • Josh W. Comeau
https://www.joshwcomeau.com/css/container-queries-introduction/
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down and make sense of them, so that you can start using them in your work.
CSS { In Real Life } | I’ve Been Doing Blockquotes Wrong
https://css-irl.info/ive-been-doing-blockquotes-wrong/
The Undeniable Utility Of CSS :has • Josh W. Comeau
https://www.joshwcomeau.com/css/has/
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!
GitHub - edwardtufte/tufte-css: Style your webpage like Edward Tufte’s handouts.
https://github.com/edwardtufte/tufte-css
Style your webpage like Edward Tufte’s handouts. Contribute to edwardtufte/tufte-css development by creating an account on GitHub.
Lightning CSS
https://lightningcss.dev/
An extremely fast CSS parser, transformer, bundler, and minifier.
Pico CSS • Minimal CSS Framework for semantic HTML
https://picocss.com/
Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.
Hass a nice classless version. Just add inside body:
<main class="container">
</main>
Old CSS, new CSS / fuzzy notepad
https://eev.ee/blog/2020/02/01/old-css-new-css/
CSS Button Styles You Might Not Know – David Bushell – Freelance Web Design (UK)
https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/
The one where I demo some lesser-known CSS for stylin’ buttons
My talk on CSS runtime performance | Read the Tea Leaves
https://nolanlawson.com/2023/01/17/my-talk-on-css-runtime-performance/
A few months ago, I gave a talk on CSS performance at performance.now in Amsterdam. The recording is available online: https://www.youtube.com/watch?v=nWcexTnvIKI (You can also read the slides.) This is one of my favorite talks I've ever given. It was the product of months (honestly, years) of research, prompted by a couple questions: What is the…
Some little ways I’m using CSS :has() in the real world - Piccalilli
https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/
I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.