Advertisement Β· 728 Γ— 90

Posts by Keith J. Grant

*staring intently at early Metallica albums*

1 day ago 0 0 0 0

Album remasters are so subtle, and I get that sometimes it's really just about shifting ownership rights to the band from an old label -- but I would love to see more creative remasters that dare to change the sound of the album, esp. adding bass that today's speakers can handle

1 day ago 1 1 2 0

Honestly, I’ve unfollowed most everybody who posts doomscrolly content (and try really hard not to post it myself)

1 day ago 0 0 0 0

I'm starting to think the app I open for idle entertainment and the app where I learn all the worst things going on in the world shouldn't actually be the same app

1 day ago 31 1 4 0

Every mouse seems designed for people with a thumb and two fingers. There's never anywhere for my pinky and ring finger to go and my pinky constantly catches under the edge of it

3 days ago 0 0 0 0

Oh so now copyright matters.

1 week ago 6031 2055 5 18

I swear it was like 10 years ago when I first heard "We're almost out of IPv5 addresses. We desperately need to switch to IPv6"

Yet here I am in 2026 and my EC2 builds are still going up with v5 IP addresses. What gives here? Do these map to a certain subset of v6 addresses?

1 week ago 1 0 1 0

I dislike the "CSS zealots" line (I probably am one), and found it hard to really understand what's going on when the main conversation is within an X thread I cannot access for myself (deleted my account there years ago).

But! This helps a lot: denodell.com/blog/youre-l...

1 week ago 43 7 9 3

As a CSS zealot, I’d point out that someone comes along and tries to reinvent the language on a pretty regular cadence. That person inevitably doesn’t really grok the language language or its constraints.

1 week ago 0 0 1 0
Advertisement

The inevitability of someone trying to re-invent CSS

1 week ago 6 0 0 0
@mixin --foo(--arg <length>) {
  @result {
    &, & > h2, & + p {
      width: var(--arg);
    }
  }
}

div {
  @apply --foo(10em);
  font-size: 10px;
}
div > h2 {
  font-size: 20px;
}
div + p {
  font-size: 30px;
}

@mixin --foo(--arg <length>) { @result { &, & > h2, & + p { width: var(--arg); } } } div { @apply --foo(10em); font-size: 10px; } div > h2 { font-size: 20px; } div + p { font-size: 30px; }

🚨 Want mixins in CSS?
Help the CSS WG by telling us what feels natural to you!

Look at the code in the screenshot. What resulting widths would *you* find least surprising for each of div, div > h2, div + p?

Polls:
┣ Github: github.com/LeaVerou/blo...
β”— Mastodon: front-end.social/@leaverou/11...

2 weeks ago 51 24 9 2

piccalil.li/hi-andy-i-pr...

2 weeks ago 4 0 0 0

Between classes, sports (cross country team was over 50 runners) and choir, I think I knew the names of nearly everyone in my graduating class at the time. I certainly don’t remember them all now though

3 weeks ago 1 0 0 0
Preview
More Easy Light-Dark Mode Switching: light-dark() is about to support images! CSS light-dark() is being extended to support images.

My favorite #CSS additions are often the simple ones that make a big difference (in UX or DX), and the light-dark() function adding support for images is now one of them πŸ™ŒπŸ»

www.bram.us/2026/03/19/m... @bram.us

3 weeks ago 48 5 2 1

Though it also looks like there’s enough confusion about all of them that orphan and widow are used interchangeably for all three

3 weeks ago 2 0 0 0

I looked up orphan/widow because I was curious which is which… according to Wikipedia the single word at the end is actually called a runt πŸ˜† while orphan/widow refer to a single line at the bottom/top of a page respectively.

3 weeks ago 3 0 1 0
Advertisement
CSS in Depth cover

CSS in Depth cover

Happy St. Patrick's WEEK! Half off all ebooks & print.

Happy St. Patrick's WEEK! Half off all ebooks & print.

Get half off CSS in Depth today!

www.manning.com/books/css-in...

3 weeks ago 7 3 0 0

My theory is that LLMs magnify existing organizational issues

If your org already does high quality work, has a writing culture, LLMs can provide lots of leverage applied thoughtfully.

If your org already couldn’t communicate well… you’re now in the danger zone

3 weeks ago 68 10 4 1

It is *fascinating* to me how quickly some people have gone completely from β€œwe all must work in the office! human collaboration is vital and only happens in person!” to β€œI can replace all these pesky people with chatbots!” Definitely some commentary there about our society and who gets to choose.

3 weeks ago 11647 3293 17 2
Video

While contrast-color() only returns black or white, there are workarounds!

Register a custom property & you can use style queries for full color palette customization (test the contrast yourself!)

You can also use the contrast value inside color-mix() to make a color tint.

una.im/advanced-con...

4 weeks ago 95 10 4 2

turns out you can do whatever the hell you want on your website!

1 month ago 36 5 1 0

Every day, my cats try to murder me by running diagonally across my path as I walk down the stairs

1 month ago 3 0 1 0

This is going to be a train wreck on their PR, but I don't know what else they could have done. They can't encrypt payment information from themselves and they were compelled by Swiss gov't to turn it over

1 month ago 0 0 0 0
Mio standing beside another robot on a ledge, overlooking the bridges and a distant tram in the metropolis in shades of teal and cyan. It looks like a hand-drawn art style.

Mio standing beside another robot on a ledge, overlooking the bridges and a distant tram in the metropolis in shades of teal and cyan. It looks like a hand-drawn art style.

Mio passing by a glowing red factory

Mio passing by a glowing red factory

Mio floats in the air between two robots sitting in tall grass beside the ruins of an old stairway. The are in a lush field of pale orange grass with purple and magenta trees in the background.

Mio floats in the air between two robots sitting in tall grass beside the ruins of an old stairway. The are in a lush field of pale orange grass with purple and magenta trees in the background.

I mean, just look at this game.

1 month ago 0 0 0 0
Original post on notes.keithjgrant.com

MIO: Memories in Orbit is one of the best Metroidvanias I’ve ever played. This is absolutely my favorite genre of game, and this one hits all the right notes for me.

I loved Silksong, but it leans very heavily into combat. To […] notes.keithjgrant.com/notes/2026/03/my-kind-of...

1 month ago 1 0 1 0
Advertisement

Whooo boy, the Crucible in Memories in Orbit πŸ₯΅ (Loving this game!) #MIO

1 month ago 1 0 0 0
Redefining the Software Engineering Profession for AI | Communications of the ACM

Props to @scott.hanselman.com for naming the elephant in the room in big tech.

AI coding tools boost senior engineers but create challenges for juniors who lack context to judge outputs. Cutting junior hiring for near-term gains weakens the future pipeline. We’ll need apprenticeship-style paths.

1 month ago 209 44 8 4

I would echo this. I *have* found people "without" discipline and curiosity, but usually this is correlated with:

1. They've been shut down and shut out
2. They don't feel valued
3. They've been stripped of self efficacy
4. They don't feel safe in their environment

So, y'know... I can't blame them

1 month ago 39 5 2 1
Overview of the CSS code from the provided link

Overview of the CSS code from the provided link

πŸ’‘ CSS Tip!

Ready to start using style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid!

css-tip.com/if-trick/

Learn the difference between them and when to use each one. It's the key to correctly using these features.

1 month ago 12 4 0 2

This! A former co-worker was so excited about AI. But they were already the type of person who created enormous amounts of code, often unprompted, always just barely working, hosting a huge burden of tech debt on the team. AI only put that into overdrive

1 month ago 2 0 0 0