Nathan Knowler
@knowler.dev
Building web stuff and design systems. Focused on accessibility, progressive enhancement, and web components. At the intersection of CSS and the Shadow DOM.
he/him
Métis/settler
Treaty 1/wpg
https://knowler.dev
https://sunny.garden/@knowler
he/him
Métis/settler
Treaty 1/wpg
https://knowler.dev
https://sunny.garden/@knowler
furnace fest saturday outfit just arrived
September 10, 2025 at 7:12 PM
furnace fest saturday outfit just arrived
After two years of playing Celeste passing the controller back and forth with my now almost six year old, we finally beat it this afternoon!
August 7, 2025 at 6:49 PM
After two years of playing Celeste passing the controller back and forth with my now almost six year old, we finally beat it this afternoon!
No shit, I just found this in a job listing.
![A full sentence of text from a job posting that is all in title-case:
While Every Engineer Can Design And Build, You'll Tackle Our Most Challenging Design Problems And Help Others Improve Their Designs By Expanding And Enhancing Our In-house Design System And Consulting On Bespoke Work. To Ground It With Examples, Engineers Who Can Design At [Redacted] Have](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:hewhabm3uw73cbz27uwuydcg/bafkreif2g7zpje5jyhrutrmc7piqzi7pi4dgnfkdldm2r5vu3ypalqwn7y@jpeg)
July 9, 2025 at 3:54 AM
No shit, I just found this in a job listing.
"How's unemployment going?"
July 5, 2025 at 10:47 PM
"How's unemployment going?"
CSS anchor positioning for a drop indicator is really nice.
June 11, 2025 at 4:24 PM
CSS anchor positioning for a drop indicator is really nice.
I love this little Great Divorce reference on the jacket of the Callous Daoboys' "I Don't Want to See You in Heaven."
May 30, 2025 at 3:35 PM
I love this little Great Divorce reference on the jacket of the Callous Daoboys' "I Don't Want to See You in Heaven."
ARHAHHDJHAHAHRHAHRHAHRHAHSHAH
May 26, 2025 at 4:06 PM
ARHAHHDJHAHAHRHAHRHAHRHAHSHAH
I use it too, but I wonder if that’s just because it’s there—it taps into my impulsive need to dismiss stuff. I find it to be so infuriating to use on the web because the hit target is the size of the icon inside and sometimes it seems like timeline items’ hit area overlaps with it.
May 26, 2025 at 4:01 PM
I use it too, but I wonder if that’s just because it’s there—it taps into my impulsive need to dismiss stuff. I find it to be so infuriating to use on the web because the hit target is the size of the icon inside and sometimes it seems like timeline items’ hit area overlaps with it.
This continues to be the most useless piece of UI on this site. The hit target is like half the size of the circle too.
May 26, 2025 at 2:52 PM
This continues to be the most useless piece of UI on this site. The hit target is like half the size of the circle too.
Gonna be sad to say goodbye to my FigPal at the end of the day.
April 1, 2025 at 9:08 PM
Gonna be sad to say goodbye to my FigPal at the end of the day.
Is Gladstone, MB in the running?
March 10, 2025 at 1:30 PM
Is Gladstone, MB in the running?
They differ slightly.
Find in page does nothing.
Text fragments will scroll the page to the location, highlight the matching text briefly before disappearing (i.e. content stays hidden while in view). User needs to scroll content out of view and back in for it to show up properly.
Find in page does nothing.
Text fragments will scroll the page to the location, highlight the matching text briefly before disappearing (i.e. content stays hidden while in view). User needs to scroll content out of view and back in for it to show up properly.
February 13, 2025 at 7:00 PM
They differ slightly.
Find in page does nothing.
Text fragments will scroll the page to the location, highlight the matching text briefly before disappearing (i.e. content stays hidden while in view). User needs to scroll content out of view and back in for it to show up properly.
Find in page does nothing.
Text fragments will scroll the page to the location, highlight the matching text briefly before disappearing (i.e. content stays hidden while in view). User needs to scroll content out of view and back in for it to show up properly.
@media (prefers-color-scheme: dark)
February 4, 2025 at 1:45 AM
@media (prefers-color-scheme: dark)
Almost forgot to set a reminder. Thanks!
January 31, 2025 at 2:40 PM
Almost forgot to set a reminder. Thanks!
Forms with view transitions are so much fun. I’m implementing pagination for my site and—getting distracted—I added a plain HTML form to the page to control the pagination cursors. I haven’t enhanced this with JS at all.
January 31, 2025 at 6:30 AM
Forms with view transitions are so much fun. I’m implementing pagination for my site and—getting distracted—I added a plain HTML form to the page to control the pagination cursors. I haven’t enhanced this with JS at all.
My Isolation Man LOTR t-shirts showed up :)
January 14, 2025 at 9:40 PM
My Isolation Man LOTR t-shirts showed up :)
I did it, everyone. Got my favourite record ever on vinyl. Bury this with me.
December 6, 2024 at 10:49 PM
I did it, everyone. Got my favourite record ever on vinyl. Bury this with me.
I came up with this little debug snippet for dealing with `line-height` in CSS, since `normal` as the computed value in dev tools was bothering me. Now I can check `--line-height` for the actual computed value of an element.
December 6, 2024 at 4:42 PM
I came up with this little debug snippet for dealing with `line-height` in CSS, since `normal` as the computed value in dev tools was bothering me. Now I can check `--line-height` for the actual computed value of an element.
lmao I both love that the spec name breaks and that it has a self-aware subtitle.
December 4, 2024 at 1:39 AM
lmao I both love that the spec name breaks and that it has a self-aware subtitle.
lmao on the Notifications page, if you’re in-between a mobile and desktop viewport (or just use a 14-inch screen and a browser with a sidebar open), there’s an invisible button in the header area that’s the hamburger button for mobile.
November 29, 2024 at 8:37 PM
lmao on the Notifications page, if you’re in-between a mobile and desktop viewport (or just use a 14-inch screen and a browser with a sidebar open), there’s an invisible button in the header area that’s the hamburger button for mobile.