@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

Looks like somebody finally squatted wombatcoffee.com, the domain of my entirely made up coffee roaster company featured in CSS in Depth 😆

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

Tip (please for the love): If you have a UI element on page that can be clicked for one action and dragged for a different action, make sure dragging it only one or two pixels fires the click action

keithjgrant,
@keithjgrant@front-end.social avatar

@AmeliaBR 😫

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

After 6000 years of written language, we’ve honed the craft so most languages can communicate effectively with only a few dozen characters.

After 60 years of digitally recorded language, we’ve thrown all discipline to the wind and added hundreds of thousands of unnecessary characters, including poop, dolphin, and an eggplant that means phallus.

keithjgrant,
@keithjgrant@front-end.social avatar

@dandb 🐄💨

jameskerr, to webdev
@jameskerr@mastodon.social avatar

It is okay to nest <article /> elements so long as they contain a unit of self-contained content that could stand on its own and make sense, but also related to its parent article.

keithjgrant,
@keithjgrant@front-end.social avatar

@jameskerr MDN says yes, they can be nested, assuming the inner article is related to the outer one

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article#usage_notes

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

Assuming the premise that us CSS developers aren't reaching for container queries as much as well all thought we would is true...

Why do you think that is?

keithjgrant,
@keithjgrant@front-end.social avatar

@chriscoyier After being told for a decade that the performance is too terrible to be possible, I feel a bit gun shy about them. I use them when it’s truly necessary, but still default to media queries when those are sufficient

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

Hey #indieweb friends... I've decided to let my registration of https://omnibear.com lapse (it's good til February).

If anybody is interested in taking over that project, I'm up for a domain transfer. @aciccarello has indicated some interest, so teaming up with him might be a possibility

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

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

keithjgrant,
@keithjgrant@front-end.social avatar

@davatron5000 @chriscoyier @nicolaschevobbe yeah that’s key I think. I have some old school js on my blog for comments. I looked into converting to wc and the code was worse that way; longer and more obtuse. I need the same benefits I get from JSX to make wc palatable

keithjgrant,
@keithjgrant@front-end.social avatar

@davatron5000 @chriscoyier @nicolaschevobbe I've looked at it in the past, but in this case I wanted to avoid a framework altogether.

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

I really want to go for a run but it’s really hard to convince myself when I’ve been chilly all morning and it’s not exactly warm out

rachsmith, to random

Andy and I have been hand washing dishes for weeks because we don’t want to call someone to get the dishwasher fixed. Couldn’t be more millenial if we tried.

keithjgrant,
@keithjgrant@front-end.social avatar

@rachsmith ugh. Being an adult sucks

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

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