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

justsnook, to random
@justsnook@mastodon.social avatar

I like gadgets and with hobbies, it's so easy to get all the gadgets. With espresso, it's the machine, the grinder, and all the accessories. With cooking, it's the sous vide, the pizza ovens, the pans, the utensils. After The Menu, I even looked at the Pacojet. With cocktails, there's the shakers, the mixers, the ice makers and shapers, the smokers, and now I'm looking at glass chillers. Like throwing a glass in the freezer for a few minutes is too much. 🙄

I have to keep myself in check.

keithjgrant,
@keithjgrant@front-end.social avatar

@justsnook with cocktails, the ingredients themselves are enough of an expense 😅

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

Can‘t I just use ALL they typefaces? They so pretty

keithjgrant,
@keithjgrant@front-end.social avatar

@collinsworth @mia bingo

keithjgrant,
@keithjgrant@front-end.social avatar

@josephdickson they're good fonts Brent

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

🔗 Boring Sound Kit

A nice little set of sound effects for use in non-commercial projects.

https://andyworksco.notion.site/Boring-Sound-Kit-d92a136378114eceb1898313acb673f0

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 🐄💨

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

Spent 10 minutes trying to figure out what I was doing wrong in my repeating-linear-gradient syntax.

Spent 20 minutes nailing down the bug and producing a reduced test case for Mozilla.

Spent 3 minutes finding the bug already reported, and marked as fixed.

Spent 10 seconds updating my browser to fix the bug 🤦🏻‍♂️

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

My copyeditor just changed "front-end" to "frontend" so does that mean the debate is settled?

keithjgrant,
@keithjgrant@front-end.social avatar

@ashur 😆

keithjgrant,
@keithjgrant@front-end.social avatar

@cferdinandi rut roh!

cjhubbs, to random
@cjhubbs@mastodon.online avatar

Making progress…

keithjgrant,
@keithjgrant@front-end.social avatar

@cjhubbs heck yeah! I just pulled one out of the freezer this morning for my first bbq of the year

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 😆

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

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 😫

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

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 I've looked at it in the past, but in this case I wanted to avoid a framework altogether.

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

Hey 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

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

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/

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

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
  • •
  • JUstTest
  • InstantRegret
  • magazineikmin
  • cubers
  • everett
  • rosin
  • Youngstown
  • GTA5RPClips
  • tester
  • slotface
  • khanakhh
  • Durango
  • kavyap
  • DreamBathrooms
  • normalnudes
  • ethstaker
  • ngwrru68w68
  • cisconetworking
  • thenastyranch
  • Leos
  • osvaldo12
  • anitta
  • mdbf
  • tacticalgear
  • modclub
  • megavids
  • provamag3
  • lostlight
  • All magazines
    •