I was made aware of the text-based web browser named chawan. I finally looked into it, and updated my article from earlier this year. Tl;dr, the point still stands. cssence.com/2026/text-ba...

✍️ In case you haven’t heard of `font-variant-emoji`, neither have I. cssence.com/2026/font-va... #CSS #Emoji #Unicode

> Most of your screen time isn't leisure. It isn't addiction. It isn't even a choice. It's maintenance. www. terrygodier.com/the-last-quiet-thing by @terrygodier.bsky.social

My annual Emoji animation returns, meaning there are now eight animations nobody asked for. I made this on Linux, fingers crossed that it’ll look decent with the emoji set on your OS too. cssence.com/2026/animati... #CSS #emoji #animation

✍️ In case you haven’t heard of `font-variant-emoji`, neither have I. cssence.com/2026/font-va... #CSS #Emoji #Unicode

My annual Emoji animation returns, meaning there are now eight animations nobody asked for. I made this on Linux, fingers crossed that it’ll look decent with the emoji set on your OS too. cssence.com/2026/animati... #CSS #emoji #animation

we don't talk enough about how cool the color-interpolation-method is in CSS gradients all of these slices have the same gradient: linear-gradient(#00ffff 0%, #ff00ff 100%) each one is just using a different colour interpolation

So long stylesheets, see you again tomorrow. Happy #CSSNakedDay!

This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry — especially right now — makes this sort of article very necessary and hopefully helpful to you in your job. piccalil.li/blog/applyin...

#CSS trick not enough folks know about: painting into the sub boxes of an element - border - padding - content you can paint into one, or all of them differently! here's a gradient border, a solid padding fill, and a gradient content (inner) box see fur yerself codepen.io/argyleink/pe...

New in Chromium 148: detect at-rule support in CSS with `@supports at-rule(@keyword)` www.bram.us/2026/03/15/a... Chrome 148 is currently available on the Canary and Dev release channels. It goes stable at the end of April.

I feel like this is either very dumb or very clever. Either way, I blogged about it: Using CSS animations as state machines to remember focus or hover states in CSS only. patrickbrosset.com/articles/202...

✍️ I usually write about HTML, CSS and JS. Doing a bit about git feels alien to me. Primarily I put it out there to attract crowd wisdom. cssence.com/2026/rebase-... #git

Modern #CSS code snippets, side by side with the old hacks they replace.

✍️ Part Two of my miniseries about edge cases in web design: Will all the resources on your site finish loading? Only at the best of times. cssence.com/2026/breakin... #WebDev #WebDesign

First order of business: Read »Con­tin­voucly Morged Value« by @matthiasott.com > The care is the work. > > The care creates the value. > > AI doesn’t care. AI is just another tool. matthiasott.com/notes/contin...

Part One of my miniseries about edge cases in web design: What is the agreed-upon minimum resolution? 320px, 360px? It’s complicated. cssence.com/2026/breakpo... #CSS #WebDesign

✍️ New article: Webspace Invaders 👾👾👾👾👾👾👾👾👾👾👾👾 matthiasott.com/articles/web...

corner-shape is one of those things where when you first see it, it's like "oh cool, I can make a scoop!" It's something new, which is fun, but it can be hard to think of good use cases. But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...

Introducing the <geolocation> HTML element. Chrome 144 adds a declarative, click-to-share location control that reduces boilerplate and improves user intent signals, with origin trials showing fewer capture errors, better user flows, and recovery. #html #api developer.chrome.com/blog/geoloca...

You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed? The solution is simpler than you think. With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳

What a week! With the release of Firefox 147 Anchor Positioning became Baseline Newly Available, and thanks to @matuzo.at I learned that popovers have an implicit anchor. Sweet! matuzo.at/blog/2026/be... #CSS

If you don’t care about text-based web browsers (I can’t blame you), this article doubles as a list of all the cool stuff that got added to HTML.

It’s 2026 and text-based web browsers still do not know how to handle (not so) recent additions to HTML. cssence.com/2026/text-ba... #HTML #WebDev

Having read cloudfour.com/thinks/justi... by @tylersticka.com et al., I learned about `hyphenate-limit-chars`, and in a nanosecond it jumped to the top of my list of #CSS properties that I’d like to see full support across browsers. (Sure, it can be progressively enhanced, but still.)

Me: Style queries are a game changer! Also me: caniuse.com/css-containe... #CSS

I needed to get this off my chest. Are you doing web accessiblity work too? Can you relate? Did you blog about something similar? Let me know. #WevDevelopment #A11Y

The HTMHell Advent Calendar never disappoints, but this year contained an article that came out of left field, given that I’ve never used MathML so far. htmhell.dev/adventcalend...

Interactive demo explaining the how behind the #SVG #matrix #filter used to extract individual RGB channels as alpha masks from an input. You can play with it on @codepen.io: codepen.io/thebabydino/...

For my last blog post of 2025, let me end the year with something personal. cssence.com/2025/accessi... #WebDev #A11Y

For my last blog post of 2025, let me end the year with something personal. cssence.com/2025/accessi... #WebDev #A11Y

Delighted to contribute to the HTMLHell advent calendar. I explained how screen readers don’t always announce what’s visually on screen - through the medium of burritos: www.htmhell.dev/adventcalend... Thanks to experts @matuzo.at and @hidde.blog for making sure the burrito was structurally sound.

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

Made a site comparing the sizes of living things :) The great Julius Csotonyi spent 5 months painting over 60 illustrations for the site, no ai used > neal.fun/size-of-life/

💡 CSS Tip! How many selectors do you know for the HTML element? Only two, right? There are more! It's time to discover the hidden selectors of the HTML element. css-tip.com/root-selecto... Are they useful? Probably not, but it's a fun exploration of CSS selectors. Did I miss a cool selector?

I have a list of favorite websites that I revisit when I need inspiration, but these are the three I keep circling back to the most: - @ethanmarcotte.com for design & layout - @piccalil.li for rhythm & typography - @adactio.com for “View source" What are yours? #WebDesign

#CSS quick tip: You can conditionally load a stylesheet based on feature detection. cssence.com/2025/import-...

“Baseline widely available” is a good thing to look out for when it comes to CSS features, but given that my blog’s core audience uses the latest browsers, I just went all in and made my new design the default. cssence.com/2025/without... #blog #weblog #redesign

On day 1 of the #HTMHellAdventCalendar @5t3ph.bsky.social describes an accessibility issue that can arise when you use popovers and dialogs together. htmhell.dev/adventcalend...

Sure, I enjoy reading about anchor positioning and view transitions as much as the next guy, but it’s ever so refreshing to read about down-to-earth #CSS stuff: blog.kizu.dev/fixing-basel... by @kizu.dev Initially I misinterpreted the title, I thought this was about Baseline browser compatibility.

I have a philosophical thought experiment for you: If a redesign happens in the open, and no one is around to see it, did it go live? cssence.com/2025/without... #CSS #blog #redesign

I have a new article out! Super Simple Full-Bleed & Breakout Styles frontendmasters.com/blog/super-s... - my take on an old problem using modern CSS solutions. Using a spooky made up Halloween recipe to illustrate concepts. PS @chriscoyier.net told me to be proud of it 😛 #CSS

I watched @kevinpowell.co go through “five super useful CSS properties that don’t get enough attention”, and his use of `open-quote` led to this piece about #CSS quotation marks and the depth counter: cssence.com/2025/no-clos...

We're pretty aware, generally that JavaScript is weird, but did you know Not-A-Number (NaN) is a type of number? Mat Marquis walks us through why that is and how to deal with NaN well in your codebases.

small details that matter 🧑‍🍳 use CSS pseudoelements to bridge the :hover gap w/ :has() + inset a:has(+ .dots) a::after, .dots + a::after { position: absolute; content: ''; } a:has(+ .dots) a::after { inset: 0 -50% 0 100%; } .dots + a::after { inset: 0 100% 0 -50%; }

Market research! How often do you use one of those "what is my browser" websites (personally or sent to someone)? Would you use one that isn't littered with ads or has a design from 1995? What features should it have? What if you could also use it to collect info to emulate devices in Polypane?

Triple link alert! I’m a sucker for #CSS resets, I will read any article on that subject. So sure enough I did read this one from @pawelgrzybek.com: pawelgrzybek.com/the-css-rese... However, I didn’t get that far, because what Pawel wrote about `box-sizing` got me thinking.

#CSS quick tip: How to tweak the optimal viewing region of the scrollport… cssence.com/2025/scroll-...

Container queries and CSS make it simple to smoothly transition an element to the other side of its parent container without knowing exact dimensions or distance. Read more in my latest post: ryanmulligan.dev/blog/transit...

Tired: `html { overflow-y: scroll; }` Wired: `html { scrollbar-gutter: stable; }` Nice little #CSS gem from @zachleat.com. www.zachleat.com/web/stable-s... The feature detection is the cherry on top.