Keith J Grant

👨🏻‍💻 Front end developer working primarily in React. Currently at Red Hat working on Ansible Controller. Author of CSS in Depth. he/him

🌎 I live in the great Pacific Northwest. I care about people and believe in the open web.

✨ I’m married to a literary nerd and have two fantastic children and two ridiculous cats. I enjoy fine cocktails and cooking. And running, when I’m in the habit. #JavaScript#CSS#ReactJS#WebDev#UX#IndieWeb#guitar#PNW • searchable

Keith J Grant boosted:
2025-07-19

genuinely bemused as to why people still publish on medium

Keith J Grant boosted:
2025-07-19

DEVELOPERS/PEOPLE IN TECH: How long do your standups/huddles usually last? Boost to increase sample size

#tech #webdev #devops #agile #gamedev

2025-07-17

@reyjrar oh I certainly don’t disagree with you there. These are concerning issues that make me feel powerless against the tide of society.

(I can’t tell if that “putting aside” quote is trying to quote me, but either you misread what I wrote or I wasn’t clear enough in my meaning)

2025-07-15

@notting Not if there's enough meat for everyone! 😜

2025-07-15

@reyjrar just a heads up I've quoted your post in my latest blog post: keithjgrant.com/posts/2025/07/

2025-07-15

📝 New post: An AI skeptic Uses AI for a Week — keithjgrant.com/posts/2025/07/

Keith J Grant boosted:
2025-07-10

This is exactly what the internet is for.

three posts telling a story of a Berlin woman who regrets not having bought a certain sweater in Iceland and gets it from a New York man who bought it for his wife, who did not like it.
Keith J Grant boosted:
Mia (web luddite)mia@front-end.social
2025-07-03

We had an interesting CSSWG discussion yesterday about how the `&` selector should behave inside `@scope` - and I think we made a big improvement. Here's a quick explanation of the change.

(the issue was raised by @kizu)

css.oddbird.net/scope/parent-s

2025-06-30

@laura 💜

Keith J Grant boosted:
2025-06-27

I have extremely mixed feelings on this, as I think there is a risk of standardising too early on the wrong thing.

That said, I think at least the work *towards* working on this should begin. And my impression is that outside of React and Lit, most framework authors are in full agreement that Signals are generally speaking the best (you could almost say ”correct”) way of doing reactivity in templating.

#webdev
toot.cafe/@nolan/1147502582267

2025-06-26

@mattwilcox @castastrophe Yes, this exactly. There are very few use cases where Shadow DOM is the right choice.

Styling is really the place where the promise of "Here's a web component; use it anywhere!" really breaks down. At least if the component lives in the light DOM, the end developer has full control

2025-06-24

My wife is working with a designer at her job to re-do their website. They asked for her to email the logo since they “were unable to access the file from the current website”.

So I look, and it's just an embedded SVG, which I pull in 3 seconds. 🤔

2025-06-17

@kizu @keithamus Seconded!

Keith J Grant boosted:
2025-06-16

#CSSDay friends: slides finally published after a much needed long sleep.

View with the resources: noti.st/anarodrigues/abfj0M/re

View with the notes:
noti.st/anarodrigues/abfj0M/sl

Keith J Grant boosted:
2025-06-10
2025-06-09

My top #CSS tip is this: treat it like you treat other code.

* Once it works, clean it up before committing code
* Refactor as needed when you make changes
* Investigate & understand the root cause of bugs before fixing them

2025-06-05

lulz

Chat history:
Did you get a Nintendo Switch 2?
I just got an email saying someone is signing into my Nintendo acct on a Switch 2

hahaha
uh oh, I got found out
2025-05-20

@benda first, make sure the flex container has a min-height set (like 100vh). Second, set flex-grow to 0 on the header and footer.

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst