@westbrook

519 Followers
170 Following
4.7K Posts
Open web enthusiast. Maker of things with HTML, CSS & JS. Trombonist. Food lover. 日本語OK. Opinions are owned by no one but my myself.
Websitehttps://westbrookjohnson.com
Musichttps://music.kwjtrio.com
Bloghttps://blog.westbrookjohnson.com
Other writinghttps://dev.to/westbrook

Oh hey, come work with me!

We're seeking an earlier-career front-end dev who is able to work in-office (multiple US locations).

Check it out if you have interest and experience in: #designsystems #CSS #a11y #webcomponents

https://adobe.design/jobs/job-posts/prototyping-and-engineering/r163198-design-engineer

Design Engineer, Spectrum Web

Join us and help build the next generation of our world-famous tools.

Weird vibes take I'm feeling on the socials right now, might delete later:

Building is about control. When you build, you want control, the way that you like to control things. When I build, I want control, the way I like to control things. What control is right or wrong for whatever your building often goes beyond "the control you want" but also likely _not_ to a "best practices of control" either.

Lots to think about there.

Friends, I have £1,000 that I want to donate to a UK trans support charity.

I've donated in the past, but I was hoping someone (with experience) could recommend a charity that they think would benefit from the donation (and helped you in some way).

It's a single donation to make a greater impact.

If you have any questions, please do ask me too (or DMs/email)

@westbrook tfw the judges drop your CVE score

has anybody bought one of those 200$ "heating and vibrating massage chairs" from BestBuy? that sounds really nice, but they're probably crap?

plz boost to extend reach to someone who has definitely bought one and has an opinion on how crap it is

It's 2025 and here's a little @codepen demo illustrating the grid stacking concept: https://codepen.io/thebabydino/pen/RNabXqX

The base & hover image, the cart & fave button - all stacked up in the same grid cell on the 1st row. The images stretch to fill the grid cell, the buttons are in opposing corners. #CSS

https://mastodon.social/@anatudor/113774781963966085

#cssGrid #cssLayout #code #coding #web #dev #frontend #webDevelopment #webDev

❓ Do you have a need for range inputs with 3+ sliders on the web? Folks are scoping out this work, and want to know your use-cases ⬇️ https://github.com/openui/open-ui/issues/1337
[Range] Multi-handle necessity and scalability guidelines (3+ Thumbs) · Issue #1337 · openui/open-ui

While dual-handle usage (min/max price filters) is the most common use case, the foundation of the API supports adding more than two handles. Community feedback provides specific, validated use cas...

GitHub

It's the weekend. Mods asleep. Post #webcomponents experiments.

🧪 Experiment: SWS-DOM (Service Worker Shadow DOM)

A new frontier of service worker based rendering? Or a waste of an afternoon?

Demo: https://es-d-0619712620251216-019b19c6-d57a-75f3-915e-508b153b32d9.codepen.dev/index.html
Code: https://codepen.io/editor/davatron5000/pen/019b19c6-d57a-75f3-915e-508b153b32d9

SWSDOM

Fully unformed thought:

For anyone against genAI, is it better to "out content the machines" or to be clear that the "content game" was never one worth winning and move on all together? 🤔

In alternative parlance, is hating the player enough, if what you really hate is the game? And, if you don't actually hate the game, is hating genAI anything more than another avenue to you merely having enough content to participate at all? 😳

End fully unformed thought.

Chatting more closely with my team, it looks like we'll at least go with the "Watch in effect" solution for right now, at least. We were previously leveraging #mobX which behaved in this way. Opens fun questions around #effects should react to changes inside of them or not, but we'll get into that as we get further into our #signals adoption across @reveai.bsky.social