2025-10-15 22:14:21
If you’re using CSS Nesting, make sure your minifier supports it!
As I learned today, clean-css doesn’t support it yet: https://github.com/clean-css/clean-css/issues/1254
If you’re using CSS Nesting, make sure your minifier supports it!
As I learned today, clean-css doesn’t support it yet: https://github.com/clean-css/clean-css/issues/1254
Ana Tudor rolling into the comments with corrections and useful #CSS values context (trousers!):
https://css-tricks.com/headings-semantics-fluidity-and-styling-oh-my/#…
I am not very good at CSS, but CSS Grid is actually really good.
This little course is worth doing if you’re like me: https://cssgrid.io
I am unsurprised at the breakdown so far:
https://social.vivaldi.net/@HalleAndert/115548550635430577
Granted, the plethora of Chromia are splitting the vote, but even added together it’s not close.
Also, this is not scientific and may not reference reality. …
matcha.css | Drop-in semantic styling library in pure CSS
https://matcha.mizu.sh/
»A pragmatic guide to modern CSS colours - part one:
For most developers, the only time they touch colour values is when they copy them from a design file and paste them into their editor. We are developers and not designers, after all.«
— by @… on @…
Incomplete List of Mistakes in the Design of #CSS:
https://wiki.csswg.org/ideas/mistakes
My alma mater of @columbiauniversity.bsky.social continues to disgrace itself by participating in the cultural erasure of #Palestine. Thanks to the Columbia Spectator for covering this.

Amid a crackdown on protests, students began organizing Palestinian cultural events. The University keeps canceling them.
from my link log —
Should CSS be a constraint system instead?
https://pavpanchekha.com/blog/why-css-bad.html
saved 2025-12-06 https://
Looking out for text salting - abuse and scamming via hidden CSS and HTML
https://blog.talosintelligence.com/too-salty-to-handle-exposing-cases-of-css-abuse-for-hidden-text-salting
Runtime Composition in Dynamic System of Systems: A Systematic Review of Challenges, Solutions, Tools, and Evaluation Methods
Muhammad Ashfaq, Ahmed R. Sadik, Teerath Das, Muhammad Waseem, Niko Makitalo, Tommi Mikkonen
https://arxiv.org/abs/2510.12616
»Introduction to CSS if() Statements and Conditional Logic«
CSS will probably become logically structurable after a long time. It's not a programming language and that's why it's all the more exciting.
🖌️ https://markodenic.com/introduction-to
In the last ~6 months someone linked to their blog about using JS-free custom elements for page structure and style in place of a methodology like BEM, e.g. using `<my-element>`/`my-element {}` instead of `<div class="my-element">`/`.my-element {}`. Might have referenced [HUG CSS](https://
Everything at Manning is half off for Halloween weekend! Get CSS in Depth for only $24! #css #webdev
https://www.manning…
I used to link to sections of webpages using anchor links, or have jump links pointing to id tags.
I went back to a page where I've done this in the past, and the page has been entirely rewritten with non-semantic HTML. Class descriptors have random suffixes for CSS rather than providing semantic IDs that can be used as jump links as well as, uhhh, semantic organization of a web page.
There's a lot of bad things from the 1980s and 1990s that I am glad to leave behind, but…
🇺🇦 #NowPlaying on KEXP's #ElSonido
CSS:
🎵 Let's Make Love And Listen To
#CSS
https://cocolah.bandcamp.com/track/lets-make-love-and-listen-to-death-from-above
https://open.spotify.com/track/1Jd9W7k8DTnBSovDSxK77n
🫙Liquid Glass in the Browser: Refraction with CSS and SVG
#graphics
from my link log —
a11y.css: a web page accessibility linter.
https://ffoodd.github.io/a11y.css/
saved 2025-11-03 https://dotat.at/:/CKOLK.html
✍️ New post: CSS :is() :where() the Magic Happens
🪄
#blogtober #css #css #css
TIL Hugo has had built-in support for Tailwind CSS 4 for a while!
I made this my Sunday project; lmk about breakage. ;)
https://gohugo.io/functions/css/tailwindcss/
Modified logarithmic Sobolev inequalities for CSS codes
Sebastian Stengele, \'Angela Capel, Li Gao, Angelo Lucia, David P\'erez-Garc\'ia, Antonio P\'erez-Hern\'andez, Cambyse Rouz\'e, Simone Warzel
https://arxiv.org/abs/2510.03090
Just today, I tried asking GitHub Copilot to fix a non-existing bug in a Hugo website (so, HTML, CSS, toml: no archaic file formats).
It happily hallucinated not recognizing that there was nog bug, proposing CSS changes that didn’t do anything useful (because no bug, remember!).
#genAIgoingGreat
Gluon splitting at small $x$: a unified derivation for the JIMWLK, DGLAP and CSS equations
Paul Caucal, Edmond Iancu, Farid Salazar, Feng Yuan
https://arxiv.org/abs/2510.08454 h…
That's neat.
#CSS
If you use Quarto to make presentations for a professional setting, it is important to choose the right theme, e.g. #rstats
Get half off CSS in Depth eBook (and all other Manning eBooks) today only!
https://www.manning.com/books/css-in-depth-second-edition?a_aid=kjg&a_bid=a7bc24da&chan=mm_bsky
A little Monday morning free labor to remind people that CSS-only widgets are not accessible (anchor link):
https://css-tricks.com/pure-css-tabs-with-details-grid-and-subgrid/#comment-1883494
I appreciate the author asked for feedback. I do…
U.S. Immigration and Customs Enforcement (ICE)
paid $825,000 earlier this year
to a company that manufactures vehicles equipped with various technologies for law enforcement,
including fake cellphone towers known as “cell-site simulators,” which can be used to spy on nearby phones.
According to public records, the award dated May 8
“provides Cell Site Simulator (CSS) Vehicles to support the Homeland Security Technical Operations program”
and is a modifi…
On Website Technicals (2020-02) - Tech updates: GSC Review annoyance, CSS dark mode, video captions, lazy loading, srcset issues. - https://www.earth.org.uk/note-on-site-technicals-33.html
✍️ New post: Compressed Fluid Typography
#blogtober #css #web #typography
This links to my post about Enter / Space behavior on a native button:
https://css-tricks.com/explaining-the-accessible-benefits-of-using-semantic-html-elements/
My post also reminds about WHCM.
Also, he cites a disabled state…
Probability distributions over CSS codes: two-universality, QKD hashing, collision bounds, security
Pete Rigas
https://arxiv.org/abs/2510.02402 https://arx…
TFW you're spelunking through generated HTML/CSS trying figure out where the unwanted white space is coming from…
Got bored. Made this. #CSS
Remember how grumpy I was with CSS making things `inert` (for CSS carousels)?
Well, CSSWG is doubling down, using it to justify more wrongness.
Brian notes the false equivalency:
https://github.com/w3c/csswg-drafts/issues/13040#issuecomment-3487102861
Schaut mal hier .. so einfach kann Anis mit SVG sein ;D
#svg
🇺🇦 #NowPlaying on KEXP's #MiddayShow
CSS:
🎵 Rat Is Dead (Rage)
#CSS
https://open.spotify.com/track/5AOXozfpnC78IryKqkS8Ys
I refactored another one of my small intranet tools to get rid of jQuery. I have to say, it's a bit of a chore to write document.getElementById() so much. jQuery's $("#...") is so much shorter. Likewise, addEventListener() is longer than on(). That sucks a bit.
But apart from that it's nice to remove a framework and lots of <div> tags and replace it with techniques that browsers have built into them like CSS (or accordion widgets using the <details> tag…
strongest mind in the history of compiler development howeve,r it is so fragile as to shatter at the lightest touch of a css layout issue
“Honestly, I feel like web developers are constantly being gaslit into thinking that complex over-engineered solutions are the only option. When the discourse is being dominated by people invested in frameworks and libraries, all our default thinking will involve frameworks and libraries. That’s not good for users, and I don’t think it’s good for us either.”
Mic drop by @…
The Smashing Magazine comment form is still broken, so I’m memorializing the comment I _wanted_ to leave about CSS carousels:
https://adrianroselli.com/2025/05/my-request-to-google-on-accessibility.html#Update06 (anchor)
Includes quote fr…
I know you people learnt #frontend #WebDevelopment mostly online...
But could any of you recommend a **GOOD** book on #CSS (preferably as up to date as possible)?
Question for the ether: I have an *old* WordPress site backed up. Not sure on exact version, but from 2009. I have all of the files, but no database (or at least no .SQL export file; I may have the literal files of the db, not sure).
I want to run the site locally on Windows, so that I can see what it looked like. Don't really need content, just mainly the layout and page structure, CSS, basically the theme is what I want to recover. Is this possible? #wordpress #indieweb
CSS gone wrong. #uxfromhell
On Website Technicals (2020-08) - Tech updates: Review rework, CSS contain and large pages, AutoAds and floats, moar moves, reviews fixed, MODBUS et al, Brotli, FAQ droop. - https://m.earth.org.uk/note-on-site-technicals-39.html
I missed this one:
#12886 [css-fonts-5] Text Fitting: Default scaling limit
https://github.com/w3c/csswg-drafts/issues/12886
Essentially a discussion how responsive text can satisfy 1.4.4, especially in this fit-to-container pitch from Google.
I added a comment …
I hadn't built a website with WordPress for several years, and the truth is that it has advanced a lot.
In my day (cough! cough! cough!), sooner or later I had to touch some PHP, tweak the styles directly in the child theme's styles.css, and even fight with JS.
Nowadays, there's a plugin for everything, all kinds of templates, builders, add-ons for plugins... It's crazy.
What I really don't like is that many paid plugins, which used to be “buy & use…
I appreciate posts that give approaches with reasoning:
https://www.a11y-collective.com/blog/visually-hidden/
But I wish these posts would reference prior art, such as:
• Scott’s
thinking abt the time a random 14 year old nonbinary aspiring video editor in sacremento stumbled on my site thru neocities like 3 years ago and emailed me telling me i was the coolest person theyd ever seen online and asked for css advice for their wip site and i gave it and never heard from or saw them again
A Pearl in the Shell: an ultra-compact dwarf within the tidal debris surrounding spiral galaxy NGC 7531
David Mart\'inez-Delgado, Aaron J. Romanowsky, Yimeng Tang, Joanna D. Sakowska, Denis Erkal, Juan Mir\'o-Carretero, Giuseppe Donatiello, Sepideh Eskandarlou, Mark Hanson, Dustin Lang
https://arxiv.org/abs/2509.14038
🇺🇦 #NowPlaying on #BBC6Music's #HuwStephens
CSS:
🎵 Let's Make Love And Listen To Death From Above
#CSS
https://cocolah.bandcamp.com/track/lets-make-love-and-listen-to-death-from-above
https://open.spotify.com/track/1Jd9W7k8DTnBSovDSxK77n
»Just use HTML — JavaScript is…
- Slower to load
- Slower to run
- More prone to breaking
- Harder to read and reason about
- Doesn’t actually look like the final output«
Don't use JavaScript for the design, because CSS as well as SVG images can create a lot of animation and the ability to create a dynamic web interface.
🧑💻
@… the last time I tried to do a CSS in Tailwind it had that same look
WebKit Bug 277290 AX: Scrolling containers inoperable with keyboard (July 2024, critical):
https://bugs.webkit.org/show_bug.cgi?id=277290
I’m betting if we can convince the Google Chrome team that this is preventing uptake of CSS carousels they’ll dispatch an engineer to fix i…
Get half off CSS in Depth eBook (and all other Manning eBooks) today only!
https://www.manning.com/books/css-in-depth-second-edition?a_aid=kjg&a_bid=a7bc24da&chan=mm_bsky
Reminds me of a tactic I used in my adapted Suckerfish fly-outs a millennia ago (b&w arrows for nested items so clients could use any color).
“Taking a shot at the double focus ring problem using modern CSS”
https://piccalil.li/blog/taking-a-shot
If you are watching CART via Otter•ai and need the scrollbars at all (to scroll, to see where you are in the page, etc), then you can fix the WCAG SC 1.4.11 and 2.5.5 failures by adding this CSS to the page:
```
.otter-scrollbar {
scrollbar-width: unset;
scrollbar-color: unset;
}
```
ugh wikipedia’s css has disabled my browser zoom feature so the font size is fixed at tiny even tho my appearance preferences say “large” :-(
Please add this tiny bit-o-CSS for stable scrollbar gutters to your Reset Stylesheets
https://www.zachleat.com/web/stable-scrollbar-gutters/
✍️ New post: Visual Regression Testing for External URLs With Playwright
#blogtober #webdev #css #testing
I, too, think some of the efforts of the CSSWG have gotten ahead of the use cases and I, too, think catching our breath would be good.
“Chris’ Corner: Stage 2”
https://blog.codepen.io/2025/10/20/chris-corner-stage-2/
✍️ New post: Linear() Is Not Linear
#blogtober #CSS #animations #easing
When I see “accessible by default” I am broadly wary:
https://cdpn.io/jh3y/debug/JoGpOGV
I found a WCAG violation in about four seconds (2.4.7). Never mind aria-hiding those up/down arrows (who doesn’t like to mess with sighted SR users?).
Anyway “accessible by default” from CSS influencers…
A read-only text field is focusable. And confusing to users.
If you add `tabindex="-1"` and/or `pointer-events: none`, admit it’s wrong and make it plain text instead.
If you use it anyway, style it so it’s clear (good luck). Here are my shitty styles: https://adrianroselli.com/…