@keithjgrant@front-end.social
@keithjgrant@front-end.social avatar

keithjgrant

@keithjgrant@front-end.social

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

🌎 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

This profile is from a federated server and may be incomplete. Browse more on the original instance.

keithjgrant, to random
@keithjgrant@front-end.social avatar

If you’ve got 99 bottles of beer on the wall, why are you passing one around? Clearly you have enough for everyone to have their own bottle.

keithjgrant, to random
@keithjgrant@front-end.social avatar

Road race six days ago was 45 degrees and raining. Parade today is 80F with full sun. I think the weather has finally turned

lynnandtonic, to random
@lynnandtonic@front-end.social avatar

Minnesota’s new and improved state flag was officially adopted today. https://usflags.design/minnesota/

keithjgrant,
@keithjgrant@front-end.social avatar

@lynnandtonic hooray for nice clean flag design! I hope more states do this soon

h4kor, to CSS German
@h4kor@chaos.social avatar

Apparently color-mix behave differently in and

Firefox screenshot

keithjgrant,
@keithjgrant@front-end.social avatar

@h4kor @Sirs0ri yeah most browsers have/had a number of bugs in the new color spaces. Chrome has fixed a lot of them IIRC. https://keithjgrant.com/posts/2023/11/problematic-color-gradients-and-workarounds/

keithjgrant, to random
@keithjgrant@front-end.social avatar

Really considering starting to post recipes on a blog, not because I want to be a “food blogger” (ugh) but purely because the web deserves some un-bloated, ad-free, tracking-free recipes somewhere

keithjgrant,
@keithjgrant@front-end.social avatar

@jeffsheets Yeah this is a fantastic resource. It’s just kinda sad that it needs to exist

keithjgrant,
@keithjgrant@front-end.social avatar

@Starfia 😆

keithjgrant,
@keithjgrant@front-end.social avatar

@kristengrote oh nice!

keithjgrant,
@keithjgrant@front-end.social avatar

@kristengrote Where did you get the photos?

keithjgrant, to random
@keithjgrant@front-end.social avatar

“If my calculations are correct, when this baby hits 88 miles per hour, you're going to see some serious shit. However, if my calculations are incorrect, I will have put both of us in harm’s way and we‘ll be run over by a Delorean at high speed for no good reason at all."

keithjgrant, to random
@keithjgrant@front-end.social avatar

Apple's iMessage only syncs about half of my conversations to my Mac (seemingly only when every participant in the chat is on iMessage). Is there any way to make all conversations sync?

iMessage is such a cluster. I wish Apple would just use open standards, and/or allow me to use another message app (i.e. Signal) as a first-class messaging app

keithjgrant, to random
@keithjgrant@front-end.social avatar

WTF would you put a 25 minute construction delay on a road that is the only available detour for another major construction project? I just spent 45 minutes getting through construction zones only to have no time left to run the errand I went out for

keithjgrant, to random
@keithjgrant@front-end.social avatar

The QA often tells me when my code “works as expected” but just once I'd love it if they said it “works, as expected”

keithjgrant, to random
@keithjgrant@front-end.social avatar

I see Bloomsday is making use of the swag bags from The Race That Never Happened

keithjgrant, to random
@keithjgrant@front-end.social avatar

The weather has been gorgeous this week. So glad it’s going to drop 25 degrees and start raining for the duration of the Bloomsday road race tomorrow before warming right back up

keithjgrant, (edited ) to random
@keithjgrant@front-end.social avatar

🔗 An Alternative Proposal for CSS Masonry

My initial gut reaction was of course masonry should be part of grid, but Rachel makes some very good points here. Whole segments of the grid specification would have to be ignored for a masonry layout, which she itemizes well. The way it would break grid-template-areas is a huge deal, IMO; that is the primary way a lot of developers use and understand grid. I think Rachel is right.

https://developer.chrome.com/blog/masonry

beep, to random
@beep@follow.ethanmarcotte.com avatar

“Amazon has launched a new ‘one-click to quit the union’ tool, and they’re relentlessly pushing it to every worker in their Coventry warehouse. […] If a worker scans the QR code and clicks the link, Amazon’s software automatically generates a letter from the worker and then emails it to the trade union, ending their membership.”

A legal challenge to some gnarly union-busting tactics that Amazon’s deployed in one of its warehouses in the UK: https://www.foxglove.org.uk/2024/05/02/legal-challenge-to-amazon-uks-new-one-click-to-quit-the-union-tool/

keithjgrant,
@keithjgrant@front-end.social avatar

@beep that's fucked up

keithjgrant, to random
@keithjgrant@front-end.social avatar

DevTools have come a long way lately, but I really need them to help more when I'm trying to find where a property value is coming from and it's a custom property that's derived from a custom property among a laundry list of 200 other custom properties

keithjgrant, to random
@keithjgrant@front-end.social avatar

Excellent, Google. Perfect system you've got going here.

rauschma, to CSS
@rauschma@fosstodon.org avatar

: AFAICT, it’s not possible to hide all HTML .fragment elements after one with the marker class .current

<ul>
<li class="fragment">One</li>
<li class="fragment current">Two</li>
<li class="fragment">Three</li>
</ul>

<div class="fragment">
First
</div>
<div class="fragment">
Second
</div>
<div class="fragment">
Third
</div>

Workaround via JavaScript: Add class .hidden to all .fragment elements and remove them, one by one (vs. “moving” class .current).

keithjgrant,
@keithjgrant@front-end.social avatar

@rauschma @chriskirknielsen A tilde combinator is exactly what I was going to suggest. Why isn't it generic enough?

keithjgrant, to random
@keithjgrant@front-end.social avatar

Maybe I’m putting off that 10 minute task because ADHD. Or maybe I’m putting it off because a bureaucratic nightmare means it’s actually a task that won’t get anywhere after two hours and it will require me to revisit it for multiple such two hour sessions to actually get it done

keithjgrant, to random
@keithjgrant@front-end.social avatar

Does anyone have a password manager recommendation that's user-friendly for less technical users? We switched to 1Password last year and it has honestly been a nightmare for my wife

keithjgrant, to random
@keithjgrant@front-end.social avatar

I can’t even browse recipes on my phone anymore, they’re so laden with JS bloatware and ads. My phone gets warm to the touch and scrolling becomes unreliable. What a mess

keithjgrant, to random
@keithjgrant@front-end.social avatar

Petition to remove Brazil nuts from cans of mixed nuts and replace them with something that actually tastes good, like pistachios

keithjgrant,
@keithjgrant@front-end.social avatar

@alvaromontoro haha that would be so cruel. Like sad half-assed trail mix

keithjgrant,
@keithjgrant@front-end.social avatar

@kitt wow that’s wild!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • mdbf
  • khanakhh
  • Youngstown
  • everett
  • slotface
  • rosin
  • vwfavf
  • hgfsjryuu7
  • kavyap
  • osvaldo12
  • thenastyranch
  • DreamBathrooms
  • PowerRangers
  • Leos
  • magazineikmin
  • Durango
  • GTA5RPClips
  • InstantRegret
  • tacticalgear
  • cubers
  • ngwrru68w68
  • ethstaker
  • cisconetworking
  • tester
  • modclub
  • normalnudes
  • provamag3
  • All magazines