Nathan Knowler's Avatar

Nathan Knowler

@knowler.dev.bsky.social

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

1,318 Followers  |  934 Following  |  1,524 Posts  |  Joined: 24.04.2023  |  1.7597

Latest posts by knowler.dev on Bluesky

There’s one house where their sidewalk is extremely fucked up and they’ve started putting their bins in the path that bikes have made to go around it. I nearly took out my kid because I hit the bump wrong. Tempted to start a new path further into their yard.

04.08.2025 02:40 — 👍 0    🔁 0    💬 0    📌 0

henderson hwy desperately needs bike lanes

04.08.2025 02:38 — 👍 5    🔁 1    💬 1    📌 0

I discovered recently that if you constantly flip your airpods case open and close on a flight, anyone around you will be very annoyed because it keeps opening the airpods connection dialog on their device.

03.08.2025 13:25 — 👍 3    🔁 0    💬 0    📌 0

maybe I'll try to do something for wpg next html day

03.08.2025 04:38 — 👍 0    🔁 0    💬 0    📌 0
Preview
They Don't Have to Believe, by PUNCH 15 track album

omg I just found out about Punch from the new The Armed record (Meghan sings on Kingbreaker) and holy shit are they good.
punchcrew.bandcamp.com/album/they-d...

02.08.2025 15:43 — 👍 3    🔁 0    💬 0    📌 0

Is the a block list or labeller for blogs that are AI slop?

02.08.2025 14:49 — 👍 3    🔁 0    💬 1    📌 0
Preview
Evolution of <img>: Gif without the GIF tl;dr GIFs are awesome but terrible for quality and performance Replacing GIFs with <video> is better but has perf. drawbacks: not preloaded, uses range requests Now you can <img src=".mp4">s in Safa...

This is quite dated, so I’m not sure about the preloading advantage is true (especially since `preload` attribute is a thing). calendar.perfplanet.com/2017/animate...

02.08.2025 01:58 — 👍 2    🔁 0    💬 1    📌 0

Would you want that for play/pause functionality?

On the flip side, I wish more browsers supported video files in <img> tags (like Safari does).

02.08.2025 01:40 — 👍 1    🔁 0    💬 1    📌 0

Narrowed it down to setting `appearance: none` and `display: inline` in Safari. No dice for Chrome and Firefox.

01.08.2025 19:59 — 👍 1    🔁 0    💬 1    📌 0

Interesting. I can get it to work with a reset of `all: initial` in Safari, but I haven’t been able to narrow down which property is the issue.

01.08.2025 19:44 — 👍 2    🔁 0    💬 1    📌 0

You’re not imagining them:
adrianroselli.com/2019/12/resp...
fluid.style
www.oddbird.net/2025/02/12/f...

01.08.2025 17:05 — 👍 2    🔁 0    💬 1    📌 0
Preview
The Illusion of Our Choices In A World of No Options by Abrupt Decay Listen now on your favorite streaming service. Powered by Songlink/Odesli, an on-demand, customizable smart link service to help you share songs, albums, podcasts and more.

album.link/ca/i/1828987...

01.08.2025 16:08 — 👍 1    🔁 0    💬 0    📌 0

I think actually the proposed `@sheet` stuff might completely solve this, since it would allow the document to use an identifiable stylesheet that could be referenced by shadow roots for inclusion as well: github.com/MicrosoftEdg...

01.08.2025 14:53 — 👍 2    🔁 0    💬 1    📌 0

With that said, there would still need to be some way of identifying what the document stylesheets were, especially if they inlined in a `<style>` (or bundled with other styles). There’s also some overlap with CSS Module Scripts (Chrome-only right now) and the proposed declarative form of that.

01.08.2025 14:47 — 👍 1    🔁 0    💬 1    📌 0
Preview
[cssom] Can we lift the restriction on constructed flag for adoptedStylesheets? · Issue #10013 · w3c/csswg-drafts Currently adoptedStyleSheets has a restriction on CSSStyleSheets that have the constructed flag set: The set an indexed value algorithm for adoptedStyleSheets, given value and index, is the followi...

There’s a CSS WG resolution for removing the restriction of only being able to use constructed stylesheets for `.adoptedStyleSheets` and Firefox Nightly has a flag for it: github.com/w3c/csswg-dr...

This would allow us to adopt stylesheets from `document.styleSheets` in shadow roots.

01.08.2025 14:47 — 👍 2    🔁 0    💬 1    📌 0

oops, I stayed up past midnight on a thursday night and now I have to listen to all the new music

01.08.2025 05:27 — 👍 1    🔁 0    💬 0    📌 0
Kill the Newsletter! Convert email newsletters into Atom feeds

My RSS reader is full of kill the newsletter feeds (kill-the-newsletter.com)

31.07.2025 21:50 — 👍 0    🔁 0    💬 0    📌 0

ICYMI I am looking for my next role. Hopefully something design systems and accessibility related. Ideally using Web Components APIs.

Shares, tips, and referrals appreciated!

29.07.2025 20:13 — 👍 16    🔁 13    💬 0    📌 0

Seeing the Skytrain construction run through Surrey/Langley is surreal. There would've been a stop within a minute walk where I grew up.

29.07.2025 18:41 — 👍 2    🔁 0    💬 1    📌 0
Preview
Nathan Knowler (@knowler@sunny.garden) Attached: 1 image @Wilto@front-end.social I might redo my entire website like this 😅

I’ve been thinking of taking some game related ideas for a redesign of my website. I really like how Celeste animates words to express more emotion, so I attempted to recreate its dialogue UI: sunny.garden/@knowler/114...

28.07.2025 02:02 — 👍 2    🔁 0    💬 0    📌 0
Nic Chan Nic Chan is a front-end web developer who specializes in design systems, accessibility and Shopify.

Not exactly game assets, but similar aesthetic: nicchan.me (@nicmakesstuff.bsky.social)

28.07.2025 01:54 — 👍 4    🔁 0    💬 2    📌 1

fun news! I was laid off from Twilio.

going to take this weekend to chill out, and will start looking for roles next week.

if you or someone you know is looking for staff/principal level Developer Advocacy, OSPO, dev infra, or similar roles pass them along!

reposts from tech folks appreciated <3

25.07.2025 21:01 — 👍 423    🔁 272    💬 36    📌 9

I just watched a person stand in line to order a coffee while in a Team's meeting on their laptop at a café.

24.07.2025 16:43 — 👍 4    🔁 0    💬 1    📌 0

30

24.07.2025 05:14 — 👍 4    🔁 0    💬 2    📌 0

Yes, but unrelated—biblical studies. I do like to think that it has helped me understand working with documents and their semantics, and maybe even the fallibility of authors and user input. The reverse is true too.

21.07.2025 16:42 — 👍 2    🔁 0    💬 0    📌 0

“Content Editable is so bad I don’t want to use it.”

19.07.2025 19:52 — 👍 0    🔁 0    💬 0    📌 0

"What are your pain points around HTML forms?"

Oh, let me tell you…

19.07.2025 19:47 — 👍 6    🔁 0    💬 2    📌 0

Mind mapping software is nice, but I tend to express ideas in code rather than sketching with a design tool. I would just want a UI for linking and annotating them.

19.07.2025 18:14 — 👍 1    🔁 0    💬 0    📌 0

Then add query param that would allow the relationships to be visualized.

19.07.2025 18:14 — 👍 1    🔁 0    💬 1    📌 0

I could probably achieve this if I just added some kind of tagging, but also for forks, actually store the previous ID.

19.07.2025 18:14 — 👍 1    🔁 0    💬 1    📌 0

@knowler.dev is following 20 prominent accounts