@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!

  • 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