Tag: CSS
Quick Hit #182
Safari TP 252 trials named-feature() and user-select.
The Programmer’s Fulcrum 11 September, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
Quick Hit #181
Firefox 157 (Nightly) ships overscroll-behavior: chain.
Quick Hit #180
Chrome 153 becomes the first to implement scroll-axis-lock, , and .
Quick Hit #179
Chrome 155 (Dev) implements random() (also available in Safari) as well as symbols() (in Firefox).
CSS Layout News in the ATmosphere
In 2015 I started my CSS Layout News newsletter mostly to have my own venue to go on about CSS grid, at the time unavailable in any stable browser. I got to 2023 and 343 issues and it fizzled out. Partly because I got busy, but mostly because the newsletter signup form on the platform...
Stylex At Shopify
Did a deep dive to see if StyleX would work at Shopify . Turned out to be a wash , similar to my other explorations into OOCSS .
Quick Hit #178
Chrome 155 (Dev) implements margin-trim, following Safari.
Runtime CSS-in-JS deserves a rehearing
Runtime CSS-in-JS has real costs, but runtime-capable systems can solve real composition problems. Their cost should be judged against what they enable.
Quick Hit #177
Firefox 155 implements progress(), now Baseline.
Quick Hit #176
Firefox 155 ships alpha() and advanced attr(), which Chrome also supports (Safari to follow soon).
The Programmer’s Fulcrum 28 August, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
Quick Hit #175
Safari TP 251 trials comma-separated @container queries in addition to popover=hint.
Quick Hit #174
Safari TP 251 trials corner-shape, object-view-box, at-rule(), ident(), inherit(), random(), and random-item().
Multiple-column layout, rows, rules, and floats
Recently implemented in Chrome are two of my top asks for CSS—the concept of rows in multiple-column layout, and gap decorations for rows and columns in grid, flexbox, and multicol. Rows (using column-wrap) provide a way to use multicol on the web without risking scrolling up and down to read if the columns become taller...
The Programmer’s Fulcrum 21 August, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
The Programmer’s Fulcrum 14 August, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
Most common CSS typos
Last week, Kevin Powell posted on Bluesky about the most common typo you make when writing CSS. I share my top two typos.
Scroll Axis Lock
Go off the scroll rails with one CSS property
The Programmer’s Fulcrum 7 August, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
Ghost-wrangling
My Flow utility class was applying margins around invisible elements like style and script tags, throwing off the vertical rhythm around them. Here's what I did to fix it, and why I also swapped em for lh while I was in there.
Mixins: From Preprocessors to Native CSS
Native CSS mixins in Chromium: practical examples, runtime differences vs Sass/Less, flag-based testing, DevTools gaps, and where the draft spec goes further.
Kevin Powell Trying Out Prop For That
Kevin Powell tries out Prop For That , makin it look so slick and easy 🫶 Watch on YouTube
Max Value Of A CSS Length Layout Unit
33554432px the maximum value for a CSS length in a layout context. #randomCSSfacts Bramus on Masto
The Programmer’s Fulcrum 31 July, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
CSS Infinity Use Cases
Some practical, some wild
The Programmer’s Fulcrum 24 July, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
The 1 Line of CSS That Blew My Mind
You even come across a piece of code so divine that warps your mind through time and space and it forever changes the way you build websites? Well, dear Penthouse Forums, I never though it would happen to me...
100 Ways To Center A Div
100 ways to center a div by Temani Afif
Not tokens
A few values that should be captured in another way
Design is hard
I suck at CSS, but that doesn't mean I don't get to complain about it
The Programmer’s Fulcrum 17 July, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Open Social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
Throwing Confetti with CSS Random
Throwing some confetti while exploring the CSS random() function through its specification and its current implementations, finding both the beauty and the pitfalls along the way.
Theming atproto
Taking Mise en Mode into the new web standard
image-orientation: How CSS Solved the EXIF Rotation Problem
In 2012, EXIF orientation handling varied wildly across browsers and web services. The image orientation CSS specification has since standardized how browsers honor that data by default, but there are still edge cases that bite.
The Programmer’s Fulcrum 10 July, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and Fediverse development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy Techno...
Animating Element with Only CSS
This post provides the most straightforward and minimum way to animate the HTML detials element using only CSS.
Quick Hit #159
Firefox 154 (Nightly) will ship text-box, text-box-trim, and text-box-edge, making them Baseline.
Quick Hit #158
Safari TP 247 becomes the first to trial calc-mix(), which returns a progress point between two values.
The Programmer’s Fulcrum: 3 July, 2026
This post originally appeared on The Fulcrum. Welcome to this week's The Programmer's Fulcrum. It's your weekly curation of the essential news in the Open Media Network and open social development communities with a focus on devastating big tech via Techno Anarchism. As usual, we aim to provide actionable content you can use to destroy...
Blogging with Magic Unicode: Simple Doesn't Have to Mean Boring!
You don't need bloat. You can use CSS variables and Unicode symbols to add visual personality to your personal website while keeping it minimal, accessible, and fast-loading. Includes a reference of symbol sets (celestial, elemental, occult, card suits, chess, zodiac, and more) with colour examples using the Gruvbox palette.
Quick Hit #157
Chrome 150 becomes the first to ship animatable zoom, flex-wrap: balance, overscroll-behavior: chain (chaining with no overscroll), named-feature(), corner rounding for polygon(), and finally, the focusgroup attribute.
Quick Hit #156
Chrome 150 implements comma-separated container queries as well as support for light-dark(), following Firefox support.
OKHST: predictable color generation for user interfaces
OKHST is a tone-based color space for generating UI palettes that behave more predictably across states, dark mode, and high contrast.
Quick Hit #155
Chrome 150 ships background-clip: border-area (supported by Safari already).
Quick Hit #154
Chrome 150 implements the AccentColor/AccentColorText system-color keywords, making them Baseline.
Progressively enhancing Grid Lanes
This post is a follow-up on my previous post. I was wondering whether it's safe to use Grid Lanes today. I came up with a solution I find okay, but there is a caveat.
Redecoration and un-Sassing my site
Over two months ago, I launched an update to my site. I would feel uncomfortable using the word redesign. Most of the work was behind the scenes.
Working with CSS Container Queries for the first time today, and they don't quite work how I expected them to work. It's leading to me having to declare selectors in ways that are not natural to me, although the selectors are working as expected. In short, it's making me think, harder than most days.