@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

Sometimes the right call is to simply repeat yourself in code and that's okay. Just because you _can_abstract something doesn’t mean you should

cory, to ai
@cory@social.lol avatar

Dark Visitors has added an API to programmatically fetch and generate robots.txt files intended to block crawlers https://darkvisitors.com/docs/robots-txts-api

keithjgrant,
@keithjgrant@front-end.social avatar

@cory Yes please!

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

I don't know what the answer is, but blocking PRs based on e2e tests that constantly fail due to flakiness is not the way

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

Do I qualify for a home barista now?

keithjgrant,
@keithjgrant@front-end.social avatar

@shadeed9 nice work!

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

Does the new CSS light-dark() do anything to support sites that have a light mode/dark mode toggle switch?

keithjgrant,
@keithjgrant@front-end.social avatar

@hi_mayank Perfect!

keithjgrant,
@keithjgrant@front-end.social avatar

@GregMartyn oh nice! Thanks!

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

Wanted: an insulated water kettle.

No, no, not like that. I mean insulated for SOUND. Why are these things so noisy

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

When we saw the eclipse in 2017, we swore we‘d travel to catch the next one. Maine sounds like a fun place to visit!

However, the timing of things turned this into a big travel year for other reasons and we just couldn’t cram in one more trip. Really bummed I’m going to miss it. The next one in North America is decades away. Catch this one if at all possible!

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

🔗 The Ultimate Ideal Bestest Base Font Size That Everyone Is Keeping a Secret Especially Chet

This is actually a really good idea. Though it’s probably worth setting a large base font size for very large screens.

https://adrianroselli.com/2024/03/the-ultimate-ideal-bestest-base-font-size-that-everyone-is-keeping-a-secret-especially-chet.html

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

apparently progressive enhancement is scary?

so much fear around the concept when talking with folks.

keithjgrant,
@keithjgrant@front-end.social avatar

@argyleink So much this! I think this also explains a lot of developers fears/trepidation regarding CSS as a whole, too

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

“Though it seemed completely automated, Just Walk Out relied on more than 1,000 people in India watching and labeling videos to ensure accurate checkouts. The cashiers were simply moved off-site, and they watched you as you shopped.” https://gizmodo.com/amazon-reportedly-ditches-just-walk-out-grocery-stores-1851381116

[removes glasses; pinches bridge of nose; sighs until the heat death of the universe]

keithjgrant,
@keithjgrant@front-end.social avatar

@stubbornella @beep That and/or vaguely redefining things in order to dodge regulations

anniegreens, to random
@anniegreens@social.lol avatar

I appreciate this, but at the same time I recognize that personal sites can contain very personal information (in content) and with the way the landscape of public repos and AI is evolving, as well as general exploitation, I am still hesitant to make mine public.

I was just lamenting the public requirement the other day for automated Micro.blog backups, so this was top of mind when I saw this toot. If it was just code, I would be less hesitant, but it isn't.

https://front-end.social/@mxbck/112202085668654881

keithjgrant,
@keithjgrant@front-end.social avatar

@hi_mayank @anniegreens yeah exactly this. I’ve had both content and design copied before (each in separate instances, not together)

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

It’s that time of year again, where I go out to clean off the deck for the warmer weather and find the Christmas tree stand I put out there “to dry” three months ago

noleli, to CSS
@noleli@mastodon.social avatar

Ok, a question: some typographic units measure in the block axis (e.g., em, ex), and some measure in the inline axis (e.g., ch). When using type units for lengths (only when it’s appropriate, of course 😅), my intuition is to use block-oriented units for block lengths (like margin-block) and inline-oriented units for inline lengths (like max-inline-size). Does that seem like a reasonable best practice/heuristic when picking units? If not, how should one pick?

keithjgrant,
@keithjgrant@front-end.social avatar

@noleli It sounds good in theory, but unfortunately there is a gotcha with ch units: it varies based on the font in use.

If you're using web fonts, anything sized in ch will first be sized by the user's native font, but then recalculate when the web font loads, resulting in layout shift.

Em and ex are the same regardless of font, and lh is the same only if it's set to a number value rather than the initial 'normal' value

keithjgrant,
@keithjgrant@front-end.social avatar

@noleli actually, now that you say that, I'm second-guessing my memory regarding ex... don't quote me on it 😅

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

We’ve apparently trained our cats to come running if we say, “who ordered the chicken?”

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

I got my first email account around 1998. It was a free Juno email, on dial-up.

I thought it was neat. Then my dad found out about it. He was ABSOLUTELY convinced it was a scam, no way could this newfangled "email" thing be free.

So he printed (yes, printed) out the entire TOS and went through it line-by-line, over-analyzing everything and eagerly exclaiming "AH HA! SEE! This is where they get you!".

Then he called Juno and made them cancel my free email.

keithjgrant,
@keithjgrant@front-end.social avatar

@lonekorean haha that’s amazing

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

rlh for block sizing
ch for inline sizing

??

https://elk.zone/front-end.social/@argyleink/112136096055354279

keithjgrant,
@keithjgrant@front-end.social avatar

@argyleink I love the idea of ch, but I’ve always found it to be a non starter if using a web font, since it causes layout thrashing when the font loads

keithjgrant,
@keithjgrant@front-end.social avatar

@argyleink Does lh change based on the font? I thought it was purely derived from the line-height

keithjgrant,
@keithjgrant@front-end.social avatar

@simevidas @argyleink ok I guess that makes sense. I pretty much always set something like line-height: 1.5 on the <body>

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

Wife: what’s wrong with the vocals on this song (PJ Harvey’s To Bring My Love)

Me: It’s called breakup. It’s what happens when you crank the gain just the point where the amp…

Wife: nails on a chalkboard. Can we skip this one?

Me (softly): but that’s what makes it rock so hard.

owa, to random
@owa@mastodon.social avatar

Apple to be sued by US DOJ for antitrust as soon as tomorrow 👊

Their anti-competitive behaviour has stifled competition, innovation and the web worldwide. Apple should not be allowed to prevent the web from contesting their app store and services.

Stay tuned!

https://www.macrumors.com/2024/03/20/apple-facing-imminent-u-s-antitrust-lawsuit/

keithjgrant,
@keithjgrant@front-end.social avatar

@owa @sarajw no mention of their browser ban though 😤

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

Laid Off! From The FAANG Company

keithjgrant,
@keithjgrant@front-end.social avatar

@henry oh shit! Sorry man 😔

bencodezen, to random
@bencodezen@webtoo.ls avatar

I completed my first marathon this past weekend! 🎉

Though I should have known better, recovering from the marathon has taken more than I originally anticipated, so I won't be livestreaming today. 🙇

I should be back in gear by next week though, so I'll see y'all then!

keithjgrant,
@keithjgrant@front-end.social avatar

@bencodezen Nice work. congrats!

I only ever finished half marathons. The one time I started training for a full, I got sucked into writing a book and it devoured all my running time 😆

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