@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

๐Ÿ“ New post: Weighing in on CSS Masonry

https://keithjgrant.com/posts/2024/05/weighing-in-on-css-masonry/

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

Seconded!

lonekorean, to CSS
@lonekorean@front-end.social avatar

Are folks using things like margin-inline as shorthand for left/right and margin-block as shorthand for top/bottom?

Or do you avoid that because of writing-mode/direction/text-orientation?

Or are those not really a concern in your usage?

keithjgrant,
@keithjgrant@front-end.social avatar

@lonekorean totally. So convenient!

zachleat, (edited ) to random
@zachleat@zachleat.com avatar

recipe web sites that give you the authorโ€™s entire life story before the recipe instructions ๐Ÿค all youtube tutorial videos

keithjgrant,
@keithjgrant@front-end.social avatar

@zachleat I've noticed an additional trend that involves step by step, deep dive into the instructions BEFORE the ingredients list and final recipe (and after the life story)

(check out https://cooked.wiki/ if you haven't)

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

โžœ ffs
zsh: command not found: ffs

keithjgrant,
@keithjgrant@front-end.social avatar

@mia https://github.com/nvbn/thefuck

belldotbz, to random
@belldotbz@mastodon.social avatar

Instead of CSS Masonry can we have currentBackground instead pls

keithjgrant,
@keithjgrant@front-end.social avatar

@belldotbz that would be great but Iโ€™m genuinely not sure how it would work. Would it only use the exact background color of the current element? What if that color is a semi-transparent white but itโ€™s in front of a vivid red ancestor element?

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

The joy of landing at SFO on time, but then having to wait an hour on the tarmac before your plane gets a gate assigned ๐Ÿฅฒ

keithjgrant,
@keithjgrant@front-end.social avatar

@bramus oof. Reminds me of the time I took a 45 minute nap on a plane, then woke to find we hadnโ€™t yet taken off

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

Didnโ€™t realize going into it just how much assembling a garden drip irrigation system involves holding two pieces of plastic tightly and pressing them into one another as hard as I can. Gonna have several blisters after this I think

keithjgrant,
@keithjgrant@front-end.social avatar

Worth it.

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,
@keithjgrant@front-end.social avatar

@cferdinandi @hmig Shhh! Youโ€™re spoiling my fun

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

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