Josh Collinsworth
@collinsworth.dev
Design engineer; writer; maker of https://quina.app and https://playhondo.com; frontend/CSS lover; semi-notorious React critic; dad (jokes|bod)?; lifelong Nintendo fan; pro-DEI, anti-fascism. Currently @ Deno; prev. Shopify. https://joshcollinsworth.com
Before I got to the end I was like JFC what happened in the truncated part of this thread!? 😂
November 12, 2025 at 9:54 PM
Before I got to the end I was like JFC what happened in the truncated part of this thread!? 😂
Added the TypeScript documentation as a dock shortcut, for important professional work reasons.
November 2, 2025 at 3:50 PM
Added the TypeScript documentation as a dock shortcut, for important professional work reasons.
AI Overview once again being precisely the wrong kind of astounding:
October 17, 2025 at 9:42 PM
AI Overview once again being precisely the wrong kind of astounding:
One of my favorite map facts:
Omaha has a neighborhood named "Aksarben," which is "Nebraska" backwards—and the shape of the neighborhood mimics the shape of the state of Nebraska, flipped upside-down.
Omaha has a neighborhood named "Aksarben," which is "Nebraska" backwards—and the shape of the neighborhood mimics the shape of the state of Nebraska, flipped upside-down.
October 15, 2025 at 4:44 PM
One of my favorite map facts:
Omaha has a neighborhood named "Aksarben," which is "Nebraska" backwards—and the shape of the neighborhood mimics the shape of the state of Nebraska, flipped upside-down.
Omaha has a neighborhood named "Aksarben," which is "Nebraska" backwards—and the shape of the neighborhood mimics the shape of the state of Nebraska, flipped upside-down.
Once again thinking about this garage door in my neighborhood and wondering what kind of sick sociopath would do this
October 14, 2025 at 2:30 PM
Once again thinking about this garage door in my neighborhood and wondering what kind of sick sociopath would do this
Shout-out to Safari for just skipping seven major version numbers and adopting a whole new numbering system, making any table like this seem completely broken now.
October 2, 2025 at 7:28 PM
Shout-out to Safari for just skipping seven major version numbers and adopting a whole new numbering system, making any table like this seem completely broken now.
CSS PSA: don't use `px` in media queries. Use `rem` instead!
This change won't affect anyone with default preferences, but *will* give a much better experience to anyone who prefers larger text, as the breakpoint will dynamically scale with their preference, instead of going purely off screen size.
This change won't affect anyone with default preferences, but *will* give a much better experience to anyone who prefers larger text, as the breakpoint will dynamically scale with their preference, instead of going purely off screen size.
October 1, 2025 at 6:31 PM
CSS PSA: don't use `px` in media queries. Use `rem` instead!
This change won't affect anyone with default preferences, but *will* give a much better experience to anyone who prefers larger text, as the breakpoint will dynamically scale with their preference, instead of going purely off screen size.
This change won't affect anyone with default preferences, but *will* give a much better experience to anyone who prefers larger text, as the breakpoint will dynamically scale with their preference, instead of going purely off screen size.
Anyone else seeing completely normal CSS being flagged as invalid in Safari devtools?
Happening to me with every selector and property, on every website. Already ran an update (now on 26.0.1), but it's still happening.
*Sometimes* the CSS applies anyway, but other times (including currently) not.
Happening to me with every selector and property, on every website. Already ran an update (now on 26.0.1), but it's still happening.
*Sometimes* the CSS applies anyway, but other times (including currently) not.
September 26, 2025 at 4:16 PM
Anyone else seeing completely normal CSS being flagged as invalid in Safari devtools?
Happening to me with every selector and property, on every website. Already ran an update (now on 26.0.1), but it's still happening.
*Sometimes* the CSS applies anyway, but other times (including currently) not.
Happening to me with every selector and property, on every website. Already ran an update (now on 26.0.1), but it's still happening.
*Sometimes* the CSS applies anyway, but other times (including currently) not.
JSYK: there's a weird zoom/overflow thing happening on mobile for me, that I suspect is because of this heading
September 22, 2025 at 11:57 AM
JSYK: there's a weird zoom/overflow thing happening on mobile for me, that I suspect is because of this heading
Not sure if this car in front of me is trying to be religious, or just complaining about their supervisor
September 17, 2025 at 6:32 PM
Not sure if this car in front of me is trying to be religious, or just complaining about their supervisor
So I got curious whether this might be some kind of invisible text issue, and so I popped dev tools open.
If you would've asked me to guess how many divs and spans the engineers at Google might use just to render those two lines of text, I would've been off by like a factor of 10.
If you would've asked me to guess how many divs and spans the engineers at Google might use just to render those two lines of text, I would've been off by like a factor of 10.
September 10, 2025 at 7:08 PM
So I got curious whether this might be some kind of invisible text issue, and so I popped dev tools open.
If you would've asked me to guess how many divs and spans the engineers at Google might use just to render those two lines of text, I would've been off by like a factor of 10.
If you would've asked me to guess how many divs and spans the engineers at Google might use just to render those two lines of text, I would've been off by like a factor of 10.
The future!
So glad we replaced useful search results with this.
So glad we replaced useful search results with this.
September 10, 2025 at 7:01 PM
The future!
So glad we replaced useful search results with this.
So glad we replaced useful search results with this.
This is the second time just *today* that I've searched a basic HTML accessibility question, and Gemini has just completely shit the bed.
September 9, 2025 at 9:52 PM
This is the second time just *today* that I've searched a basic HTML accessibility question, and Gemini has just completely shit the bed.
Know what I love? I love that I've been writing CSS for over a decade, and I still regularly learn new things about it.
Today's example: this extra little "i" in the attribute selector makes it case-insensitive.
(Example from Chris Coyier's excellent CSS Starter: codepen.io/editor/chris... )
Today's example: this extra little "i" in the attribute selector makes it case-insensitive.
(Example from Chris Coyier's excellent CSS Starter: codepen.io/editor/chris... )
![Screenshot of a CSS selector. The code is as follows:
[aria-disabled="true" i],
[disabled] {
cursor: not-allowed;
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:dr7ktxokjqc2suwnook4k73h/bafkreigl4itya2tuurhz4ybnwvgbpxefdqobh6ozivnwkq3hk3pztjprki@jpeg)
September 8, 2025 at 6:19 PM
Know what I love? I love that I've been writing CSS for over a decade, and I still regularly learn new things about it.
Today's example: this extra little "i" in the attribute selector makes it case-insensitive.
(Example from Chris Coyier's excellent CSS Starter: codepen.io/editor/chris... )
Today's example: this extra little "i" in the attribute selector makes it case-insensitive.
(Example from Chris Coyier's excellent CSS Starter: codepen.io/editor/chris... )
I love this hover effect from the Vanguard dashboard. What a fun, elegant way to handle rounded button styles with good left-alignment. (And this button style is a web component, as an added bonus.)
September 8, 2025 at 4:01 PM
I love this hover effect from the Vanguard dashboard. What a fun, elegant way to handle rounded button styles with good left-alignment. (And this button style is a web component, as an added bonus.)
Without downloading any new images, post who you are at work
September 5, 2025 at 1:48 PM
Without downloading any new images, post who you are at work
Stumbled across an interesting (aggravating) bug in Safari today:
If you use `:has()` together with `:empty`, even if the empty element ceases to be empty (by adding children with JS, say), the DOM is apparently "cached," and the `:empty` selector will still apply.
codepen.io/collinsworth...
If you use `:has()` together with `:empty`, even if the empty element ceases to be empty (by adding children with JS, say), the DOM is apparently "cached," and the `:empty` selector will still apply.
codepen.io/collinsworth...
September 3, 2025 at 4:21 PM
Stumbled across an interesting (aggravating) bug in Safari today:
If you use `:has()` together with `:empty`, even if the empty element ceases to be empty (by adding children with JS, say), the DOM is apparently "cached," and the `:empty` selector will still apply.
codepen.io/collinsworth...
If you use `:has()` together with `:empty`, even if the empty element ceases to be empty (by adding children with JS, say), the DOM is apparently "cached," and the `:empty` selector will still apply.
codepen.io/collinsworth...
TIL a GoFundMe widget adds an *entire NextJS app* to the page.
About 5MB of JavaScript—spread across almost 40 files—just to render a few lines of text and a link.
(Yes, the widget has to make an API call to show the campaign's progress. But even given that, it's still absurdly over-engineered.)
About 5MB of JavaScript—spread across almost 40 files—just to render a few lines of text and a link.
(Yes, the widget has to make an API call to show the campaign's progress. But even given that, it's still absurdly over-engineered.)
August 28, 2025 at 3:28 PM
TIL a GoFundMe widget adds an *entire NextJS app* to the page.
About 5MB of JavaScript—spread across almost 40 files—just to render a few lines of text and a link.
(Yes, the widget has to make an API call to show the campaign's progress. But even given that, it's still absurdly over-engineered.)
About 5MB of JavaScript—spread across almost 40 files—just to render a few lines of text and a link.
(Yes, the widget has to make an API call to show the campaign's progress. But even given that, it's still absurdly over-engineered.)
Thanks to Bun for making me *extra* happy to celebrate my two year anniversary at Deno today with this horrifically distasteful garbage.
August 14, 2025 at 4:21 PM
Thanks to Bun for making me *extra* happy to celebrate my two year anniversary at Deno today with this horrifically distasteful garbage.
I'm sure every one of the decisions that led to this form field made sense at the moment, but together, they create this Voltron of unmitigated disaster.
July 21, 2025 at 11:51 PM
I'm sure every one of the decisions that led to this form field made sense at the moment, but together, they create this Voltron of unmitigated disaster.
People recommending Soulslike games
July 10, 2025 at 6:43 PM
People recommending Soulslike games
TFW you make an update to the formatter
July 8, 2025 at 7:57 PM
TFW you make an update to the formatter
Ummmm so am I reading this right? Google is allowing its LLM access to your private messages on Android, *even if you opt out*?
June 24, 2025 at 9:47 PM
Ummmm so am I reading this right? Google is allowing its LLM access to your private messages on Android, *even if you opt out*?