I just wrote my first if() in CSS combined with other modern stuff.
Looks like I am programming with CSS?!! 
A new article coming soon...
Recent searches
Search options
#css
16 posts14 participants6 posts today
Apache ECharts:
An #opensource visualization library in #JavaScript.
https://echarts.apache.org/en/index.html
Also see https://chartscss.org/
GIF
Registration is open for the Cascading Layouts workshop!
It's fully online, April 28-30, so you can join us from anywhere. Each of the 3 days are 2.5 hours from 9am-11:30am PT. We'll talk about grid, subgrid, CQs & more.
4 days left to get $100 off your ticket:
https://www.oddbird.net/workshops/cascading-layouts/ #css
OddBirdCascading Layouts
More from 
Mia (web luddite)
New Podcast! What’s next for CSS? Bruce chats with Miriam Suzanne, CSS expert and independent contributor to the CSS Working Group, about game-changing features like Cascade Layers, Scope, Mixins, and Container Queries, and how they’re shaping the future of web design.
Spotify: https://open.spotify.com/episode/4D72MJ5AwP89PKxPXCz7Fq
YouTube: https://youtu.be/ukUewXT_Ifk
Replied in thread
Liked | In defense of unpolished personal websites
https://ohhelloana.blog/in-defense-of-unpolished-websites/
https://reillyspitzfaden.com/interactions/2025/04/liked-in-defense-of-unpolished-personal-websites/
Jottings from AnaOh Hello Ana
More from 
Ana Rodrigues
Continued thread
I hadn't heard of it before, but it turns out there's a style format called XSLT that allows the browser to translate an XML file into HTML with CSS styling for display purposes.
Since my feed is Atom rather than RSS, I had a bit of trouble, but this post was helpful:
Andrew Stiefel · How to Style an Atom Feed with XSLT
More from 
Andrew Stiefel
I figured out how to get my RSS feed to be human-readable and nice-looking!
I'd been wanting to do this to give people who aren't familiar with RSS an easier on-ramp to the stuff I care about.
I figure if someone new to RSS clicks on the link and just gets raw XML, they might think something is “broken” and not stick around, but now there's something human-readable and with instructions on how to follow it in a reader.
Hey y'all, I have a new workshop at the end of April - deepdive into modern CSS Layout techniques. Level up your team with a systemic understanding.
The intro video has a demo of #CSS grid areas. I’ll post more tips in the lead up. Early-bird pricing til April 12!
I want a program that looks over an #HTML document and its #CSS stylesheets, and applies the stylesheets' rules as `style` attributes on the HTML elements in the document.
Meaning this:
<html>
<style>p:first-child { margin-top: 0 }</style>
<p>First paragraph</p>
<p>Second paragraph</p>
</html>
Translates into this:
<html>
<p style="margin-top: 0">First paragraph</p>
<p>Second paragraph</p>
</html>
Is that a thing?
CSS Working Group resolved to allow range syntax in style queries. We can compare with a container variable:
@ container style(--var < 5em)
But can also compare normal values:
style(1em < 20px)
style(sibling-count() > 3)
This style function can also be used for conditions of inline if()
I know that I am a little bit late to the party and everyone else has read and published their responses about it, but hey! Sharing is caring!
This iteration of the hot debate between two competing specs for CSS masonry layout finally sounds convincing to me. Do you remember when the `gap` property all of a sudden became available inside flex containers? I have the same kind of vibe by reading this.
Geat explainer @jensimmons
https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/
WebKit · Item Flow, Part 1: A new unified concept for layoutCSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want.
CSS Working Group resolved to add an nth-item() function, for selecting a value from multiple options. That could be useful in a lot of situations, but i'm excited to combine with sibling-index():
nth-item(sibling-index(), red, orange, yellow, green, …)
"The Jedi use the cascade for knowledge and defense, never for attack."
— @mia
New Kitten release
• Minor fix: Styles automatically gathered and de-duplicated from the body into the head are now placed _after_ other items in the <head> slot. Since you would expect styles added to the body of the page to override ones in the head, this now brings Kitten’s behaviour in-line with authoring expectations.
Enjoy!
Not a joke: CSSWG has resolved to start working on fit-to-width text in css-fonts-5!
https://github.com/w3c/csswg-drafts/issues/2528#issuecomment-2769621512
GitHub[css-fonts-4] Feature for making text always fit the width of its parent · Issue #2528 · w3c/csswg-drafts
“Item Flow, Part 1: A new unified concept for layout” by @jensimmons, Saron Yitbarek, Elika Etemad and Brandon Stewart
https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/
> As we worked through the details, we started to get excited. Suddenly new features for Flexbox and Grid that people have wanted for years had an obvious home. Things seemed to click together elegantly. New capabilities emerged
This is really an exciting…
️ https://nicolas-hoizey.com/links/2025/04/01/item-flow-part-1-a-new-unified-concept-for-layout/
The HTML standard defines many entities for prime symbols: single prime (′), double prime (″), triple prime (‴), it even has a quadruple prime (⁗)! And reverse primes, too! But I'm still waiting for the most important one of them all: the optimus prime.
https://comicss.art/comics/175/
comicss.artcomiCSS #175: Primesprime symbols: single prime, double prime, triple prime, quadruple prime, and Optimus Prime (with a drawing of the transformer instead of any prime symbol)