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

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

Do Logical Properties Make CSS Easier to Learn? https://chriscoyier.net/2023/05/02/do-logical-properties-make-css-easier-to-learn/

keithjgrant,
@keithjgrant@front-end.social avatar

@chriscoyier oh boy have I been thinking about this as I've been revising the second edition of my book and replacing the classic properties all over the place 😅

fedbysandrine, to random

If we were to have an award for Best Blog Comeback Of The Year, I think @keithjgrant would get the 2023 with, after a 2 years silence, offering solution to one of the most frustrating CSS missing feature.

https://keithjgrant.com/posts/2023/04/transitioning-to-height-auto/

An animated GIF of Meryl Streep at the Oscars, clapping and cheering with an enthusiastic and approving expression on her face, as if she is thoroughly enjoying and endorsing the moment.

keithjgrant,
@keithjgrant@front-end.social avatar

@fedbysandrine Hahaha, thanks! 😁

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

I suddenly realize I’m terribly inconsistent with capitalization of my blog post titles. Of course I want to fix them to all be the same, but now I have to decide which way is Correct!

keithjgrant,
@keithjgrant@front-end.social avatar

@BrideOfLinux But is it "Webdev" or "WebDev"?! 😰

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

New post: The webdev social schism

https://keithjgrant.com/posts/2023/05/the-webdev-social-schism/

keithjgrant,
@keithjgrant@front-end.social avatar

@cassey I guess I'm concerned about the networking effect. Job listings and hirings happening largely in one bubble or the other, making developments teams more homogeneous.

I suppose I’m also worried about homogeneous groupthink happening on each social network. There was already too much of that to begin with before Twitter imploded

keithjgrant,
@keithjgrant@front-end.social avatar

@cassey Oh I totally agree with that. If someone has no respect for human/trans/voting/etc rights, I'm going to block them on whatever network I'm on.

But there is still a contingent of more classically conservative devs (or at least that's my read) who are decent people that I used to interact with and I don't want to isolate entirely from that circle

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

I really love Arc browser for 95% of what it is... but dang it I miss the url bar so bad.

After the really disappointing release of the Arc iOS app, I’m seriously considering switching back to Firefox.

keithjgrant,
@keithjgrant@front-end.social avatar

@corne The thing I like the most is the way Spaces work — different tabs for each space (including the pinned tabs). You can step away from a task and it hides the tabs until you come back to it, then they're right there waiting.

I find it easier to manage my bookmarks as pinned tabs rather than a giant menu I need to manually keep organized or it turns into a hot mess.

Easels are neat too, but only useful for specific niche tasks. I generally like the more minimal UI also

kizu, to webdev
@kizu@front-end.social avatar

Just filed a webkit bug: “Container query length units use border box instead of a content box” — https://bugs.webkit.org/show_bug.cgi?id=256178

keithjgrant,
@keithjgrant@front-end.social avatar

@kizu Not to mention the several times I've gone to produce a minimal repro to attach to the bug... and discovered there's no bug at all and instead I did something wrong somewhere else 🙈

wattenberger, to random

😅 please indulge a quick rant about why chatbots aren't the future of interfaces

https://wattenberger.com/thoughts/boo-chatbots

a scroll-through of an article titled "Why chatbots are not the future"

keithjgrant,
@keithjgrant@front-end.social avatar

@wattenberger I tried to read the article, but got completely distracted by the gorgeous chat bubbles and the cute little smiley shapes that appear at the top when I overscroll 🤩

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

Here’s to a whole day on the ice 🥌

keithjgrant,
@keithjgrant@front-end.social avatar

Um, that was a lot of curling

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

Intent to Ship: Scroll-driven animations

https://groups.google.com/a/chromium.org/g/blink-dev/c/RDKAi9JPHwY/m/5MWvzGPjAgAJ

So excited to see this officially announced! The team's been working very hard on this. Target release is Chrome 115.

keithjgrant,
@keithjgrant@front-end.social avatar

@bramus That is exciting!

mescutia, to random
@mescutia@mastodon.online avatar

Question for web developers (@beep, @keithjgrant, etc) with online portfolios: How do you deal with work you've done that's no longer live? 🧵 1/4

keithjgrant,
@keithjgrant@front-end.social avatar

@mescutia I don’t really keep a portfolio, since I’m more developer than designer — but my first thought would be to keep some screenshots and use those

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

Maybe you didn’t know you needed this, but here it is https://youtu.be/AlAIofA1n8k

davatron5000, to random
@davatron5000@mastodon.social avatar

> In one study, we found that developers who used GitHub Copilot reported feeling 88% more productive. Those reports were supported by quantitative research, which found that developers using GitHub Copilot coded up to 55% faster than those who didn’t.

Interesting data coming out of GitHub about Copilot. I'm very interested in the effect of AI-augmented work and this is the first concrete data point I've seen.

Source: https://github.blog/2023-04-14-how-generative-ai-is-changing-the-way-developers-work/
Details: https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/

keithjgrant,
@keithjgrant@front-end.social avatar

@davatron5000 @redoPop I love Copilot, but I don’t really think of it as a productivity boost — I more appreciate that it cuts down on the menial/repetitive parts of coding

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

Five years ago, I would have never guessed Chrome would ship container queries before subgrid. 🤨

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

Have you ever used 'scoped' styles in JS frameworks, or pre-processors? What if was a core feature of , aware of the cascade, and didn't rely on any special tooling?

@keithjgrant gives a great overview of the new @scope spec:

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

keithjgrant,
@keithjgrant@front-end.social avatar

@mdh @mia That's totally fair. The more I get into these discussions, the more I see there are vastly different ways devs need to build various things on the web.

I've honestly never needed shadow DOM, but I get that there are legitimate use cases. I think scope is going to be most useful for complex app building — though I'm sure I'll still use it selectively on, say, my blog.

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

🔭 New post: Scoped CSS is Back 🎉

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

keithjgrant, (edited )
@keithjgrant@front-end.social avatar

@murat

Here are a couple examples, if you're in Chrome with experimental features turned on:

https://codepen.io/keithjgrant/pen/bGmWexN

https://codepen.io/keithjgrant/pen/poxPbxE

Hopefully these help clarify (happy to answer more questions if they don't). These are both things that could not be done with CSS before now nor with nesting.

keithjgrant,
@keithjgrant@front-end.social avatar

@murat Yeah I agree it doesn't solve absolutely everything — besides, I really love the ergonomics of writing my component CSS in a JSX file 😅

But I think it greatly simplifies things. You only have to worry about name collision of the top element/scope selector rather than each and every element. I think that can be solved by conventions with a very light touch (e.g. prefix scope root classnames with c-)... at least for projects at the scale most developers work.

Meyerweb, to random
@Meyerweb@mastodon.social avatar

I don’t think you quite understand the concept of “average”, Screen Time.

keithjgrant,
@keithjgrant@front-end.social avatar

@Meyerweb I suspect "avg" means your long-term average, not average for this week

keithjgrant,
@keithjgrant@front-end.social avatar

@Meyerweb Oh you know the two hard things in computer science: naming things and… basic arithmetic

zachleat, to random
@zachleat@zachleat.com avatar

I think @eleventy is going to have to return to at least broadcast content to Twitter, unfortunately. Given that a large portion of JavaScript folks have really dug in over there—it is doing harm to the project to not exist in those spaces.

Having some real feelings about it—mostly disappointment that folks didn’t make a bigger push to get off of the site.

keithjgrant,
@keithjgrant@front-end.social avatar

@zachleat Yeah, I get this — it sucks, but for whatever reason there's a real contingent over there that just laughs at Mastodon (without really giving it a try, it seems).

It feels like the webdev community has split in two, possibly along political lines. Those that stayed seem a more pro-capitalism and less bothered by the ramifications of a few billionaires having massive control

keithjgrant,
@keithjgrant@front-end.social avatar

@zachleat ah dangit, you made me blog again

https://keithjgrant.com/posts/2023/05/the-webdev-social-schism/

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