iiinova — where your digital self keeps evolving

If you need to update your HTML for class name changes when the viewport resizes, you’ve done something extremely wrong.

030

“Aren’t you creating more runtime cost for CSS?” And you aren’t doing the same in an arguably less optimal way by moving everything into HTML? Sure you can still leverage CSS features, but you have to do so through a bespoke class name microsyntax. Typically, JS ends up driving that.

110

“But what about duplication in built stylesheets?” That’s not an issue CSS mixins will have. For Sass, I’d argue the tradeoff might be worth it.

110

This is why I can’t wait for CSS mixins. They’ll enable the most important feature of Sass: being able to create truly presentational abstractions that can be applied within stylesheets.

140

Nathan Knowler @knowler.dev · 21/09/2026

My biggest gripe with not using Sass is that, sure yes, CSS is pretty capable, but you end up using class names instead of mixins and that shifts where styles are applied from the stylesheet to HTML. Continue to optimize down that path and you end up with something like Tailwind and/or CSS-in-JS.

380

no amount of coffee could possibly fix me… but I’ll still try

191

Nathan Knowler @knowler.dev · 21/09/2026

Framing it as the programming language needing justice definitely brushes the actual issue under the rug probably in an attempt to make the link more clickable.

020

Nathan Knowler @knowler.dev · 21/09/2026

ya I agree it definitely matches the culture of programming I’ve observed throughout my career. Programming at large has a toxic masculinity/sexism/homophobia problem and it’s no wonder that fascism is not far off.

Nathan Knowler @knowler.dev · 20/09/2026

2024-2025 regular season was exciting. Playoffs were a downer (even though there were exciting moments). Then last season between Lowry and Hellebuyck being out… just made it all feel like a write off. Now I feel like the Jets are a bit lost and unlikely to recapture that prior excitement.

000

Nathan Knowler @knowler.dev · 20/09/2026

I can’t say I’m excited for this hockey season. This whole Hellebuyck nonsense is draining.

100

Reposted by Nathan Knowler

Keith Cirkel @keithamus.social · 19/09/2026

I want Custom Attributes to exist - think Custom Elements (Web Components) but Attributes. I've been working on a proposal, specs, and now a polyfill: www.keithcirkel.co.uk/custom-attri... More coming soon!

keithcirkel.co.uk

Custom Attributes polyfill

79723

(and if you didn’t/don‘t read the post, I don’t mean Daniel)

080

Some easy wins for them in Interop 2027 I guess.

s/east coast/eastern time

000

For those unaware, Winnipeg is just a little west of the longitudinal centre of Canada.

100

Eric Bailey @ericwbailey.website · 18/09/2026

It’s just hitting me now how weird it’ll be for Winnipeg to be in the same timezone as like Toronto and the east coast this winter.

100

Reposted by Nathan Knowler

I have a lot of feelings about the whole CSS-Tricks debacle. Here's me trying to be constructive about it. ericwbailey.website/published/cs...

ericwbailey.website

CSS-Tricks could be a co-op

The web will calcify without voices sharing what they know.

25918

Nathan Knowler @knowler.dev · 18/09/2026

Font weight change is an easy/lazy way to pass any sort of “colour alone” accessibility guideline. (The background contrast here would probably be insufficient to be construed as a separate shape.)

210

Probably my favourite CSS to write.

020

Manuel Matuzović @matuzo.at · 17/09/2026

I’ve been eagerly awaiting this. 😅

120

Reposted by Nathan Knowler

Friends, it's that time of the year: Once again, I'm asking you to help me create another amazing HTMHell Advent Calendar by writing about HTML. The CFP is open until October 3! docs.google.com/forms/d/e/1F...

docs.google.com

HTMHell Advent Calendar

Hello, my dear friends of high-quality markup! We're getting closer to the last quarter of 2026, which means that the HTMHell Advent Calendar is getting closer, too. Last year, once again, you contrib...

34936

Swipe up on it to get to the tabs view. Swipe left on a tab in that view to close it. Some of these actually make using a browser on a phone bearable.

020

I do use it day-to-day for both personal stuff and work, so I’m a big user of the space routing feature and having different essential tabs for different spaces (but also shared between some spaces). I have the occasional website I have to use in another browser, but it mostly works.

I think the only thing Zen can’t do that Arc can is Little Arc. Otherwise it has feature parity with Arc as far as tab hierarchy/space routing goes.

100

Looks like all of the browsers follow the spec and don’t use the contents for the name. I imagine a visually hidden slot that’s referenced by `this.#internals.ariaLabelledByElements` would make it work (as they seem to ignore the content if it’s not slotted).

000

If it didn’t work you could probably use `ElementInternals.ariaLabelledByElements` assigned the light DOM contents to force it to work.

100

I’m curious if the contents get picked up as the accessible name. I don’t believe they’re spec’d to for ARIA img/image (synonyms — image says it gets it’s name from author which usually means `aria-label`/`aria-labelledby`).

100

@nolanlawson.com has done some measuring in this space I believe.

Tagged some (ex-)Adobe folks over on Mastodon. I imagine you’re probably right about the overhead costs, but the benefits from using shadow DOM would come from the ways the browser can optimize (e.g. style invalidation) or just fact that author styles/querySelectors will select less.

220

What particularly are you trying to measure?

120

s/first baseline/first line

ya, it’s slightly different. I find design usually asks for it to centred but also aligned with the first baseline. It should work the same with subgrid. The baseline alignment does the heavy lifting, then the vertical adjustment of the icon is just relative to that baseline alignment.

120

This is for a flex layout, but I think the same should apply for grid layout since you’re using baseline alignment if you wanted to make the icons centre with the first line. bsky.app/profile/know...

100