@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

The weather has been gorgeous this week. So glad it’s going to drop 25 degrees and start raining for the duration of the Bloomsday road race tomorrow before warming right back up

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

🔗 An Alternative Proposal for CSS Masonry

My initial gut reaction was of course masonry should be part of grid, but Rachel makes some very good points here. Whole segments of the grid specification would have to be ignored for a masonry layout, which she itemizes well. The way it would break grid-template-areas is a huge deal, IMO; that is the primary way a lot of developers use and understand grid. I think Rachel is right.

https://developer.chrome.com/blog/masonry

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

“Amazon has launched a new ‘one-click to quit the union’ tool, and they’re relentlessly pushing it to every worker in their Coventry warehouse. […] If a worker scans the QR code and clicks the link, Amazon’s software automatically generates a letter from the worker and then emails it to the trade union, ending their membership.”

A legal challenge to some gnarly union-busting tactics that Amazon’s deployed in one of its warehouses in the UK: https://www.foxglove.org.uk/2024/05/02/legal-challenge-to-amazon-uks-new-one-click-to-quit-the-union-tool/

keithjgrant,
@keithjgrant@front-end.social avatar

@beep that's fucked up

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

DevTools have come a long way lately, but I really need them to help more when I'm trying to find where a property value is coming from and it's a custom property that's derived from a custom property among a laundry list of 200 other custom properties

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

Excellent, Google. Perfect system you've got going here.

rauschma, to CSS
@rauschma@fosstodon.org avatar

: AFAICT, it’s not possible to hide all HTML .fragment elements after one with the marker class .current

<ul>
<li class="fragment">One</li>
<li class="fragment current">Two</li>
<li class="fragment">Three</li>
</ul>

<div class="fragment">
First
</div>
<div class="fragment">
Second
</div>
<div class="fragment">
Third
</div>

Workaround via JavaScript: Add class .hidden to all .fragment elements and remove them, one by one (vs. “moving” class .current).

keithjgrant,
@keithjgrant@front-end.social avatar

@rauschma @chriskirknielsen A tilde combinator is exactly what I was going to suggest. Why isn't it generic enough?

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

Maybe I’m putting off that 10 minute task because ADHD. Or maybe I’m putting it off because a bureaucratic nightmare means it’s actually a task that won’t get anywhere after two hours and it will require me to revisit it for multiple such two hour sessions to actually get it done

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

Does anyone have a password manager recommendation that's user-friendly for less technical users? We switched to 1Password last year and it has honestly been a nightmare for my wife

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

I can’t even browse recipes on my phone anymore, they’re so laden with JS bloatware and ads. My phone gets warm to the touch and scrolling becomes unreliable. What a mess

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

Petition to remove Brazil nuts from cans of mixed nuts and replace them with something that actually tastes good, like pistachios

keithjgrant,
@keithjgrant@front-end.social avatar

@Woodswalked ooh I want some macadamia in my mixed nuts! I’m buying the wrong brand apparently

keithjgrant,
@keithjgrant@front-end.social avatar

@alvaromontoro haha that would be so cruel. Like sad half-assed trail mix

keithjgrant,
@keithjgrant@front-end.social avatar

@kitt wow that’s wild!

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

@scottjehl so cool!

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

The Hames Joffmann YouTube channel has been suspended and this is why we can't have nice things anymore

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

Manning Flash Sale! 50% off all MEAPS today only.

Use code flash0424au to get half off CSS in Depth, Second Edition and loads of other great books

https://www.manning.com/books/css-in-depth-second-edition?a_aid=kjg&a_bid=a7bc24da&chan=mm_mastodon

cassey, to random
@cassey@urbanists.social avatar

Anyone use Protonmail as your primary email? It seems like it'd be nice to more fully divest from Google. Gmail/Google Calendar are my last remaining strong ties.

keithjgrant,
@keithjgrant@front-end.social avatar

@cassey I’ve been happy with Zoho Mail, which had the best prices I could find for a self hosted option

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

A TV episode is never made more dramatic or suspenseful by opening with some bad situation followed by “24 hours earlier” and then actually starting the episode.

Just start the episode at the beginning. If that doesn’t do the job, the writers failed to create a compelling story.

keithjgrant,
@keithjgrant@front-end.social avatar

…I have, however, seen it done as a parody for comedic effect, and that was brilliant

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

Aw yeah, closing out the week with another negative-lines-of-code PR 💪🏻

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

I made mint chip ice cream with fresh mint. It’s delicious but it’s kind of a whole different thing. I think next time I’ll still add a couple drops of the artificial stuff

keithjgrant,
@keithjgrant@front-end.social avatar

@Schepp ooh good point. No idea, whatever the grocery store had. It was kind of an impromptu thing

syntaxseed, to microsoft
@syntaxseed@phpc.social avatar

Setting up child #Microsoft / #Xbox accounts for my 2 youngest kids.... was just about the most unfriendly user experience I've ever had.

The Live ecosystem that MS uses for accounts just redirects you constantly, forgets who's logged in. Keeps having to re-authenticate me but sometimes it asks for an email sometimes it emails a code. It's anybody's guess!

So I'm juggling access to my email, my 2 kids' emails. Some stuff needs an app because the website can't do it. I had 3 browsers open....

keithjgrant,
@keithjgrant@front-end.social avatar

@syntaxseed oh man this was a nightmare. Made even worse when I had to getting it syncing with a Nintendo account for Minecraft on Switch

mauro, to javascript
@mauro@mograph.social avatar

OK I understand the meme of hitting on frameworks, I get it, there are too many of them and all.

But let me tell you:

I'm implementing a web app with AJAX only and it's such a pain in the ass, I now completely understand the desperate need of JS frameworks for these use cases (SPAs).

It constantly feels like everything is hacked together and convoluted that I'm SO close to write my own framework each time I open my editor.

Spoiler alert: I won't, though.

keithjgrant,
@keithjgrant@front-end.social avatar

@mauro Absolutely. Anyone who bashes on these frameworks clearly never had to build anything non-trivial back in the days of Backbone or jQuery. It was so painful!

jina, to random

I’m happy to share that today, I’m starting a new position as Principal Product Designer at Microsoft.

I'll be working on the Fluent Design System team to integrate generative AI across Microsoft products and redefine how humans interact with software.

keithjgrant,
@keithjgrant@front-end.social avatar

@jina Congrats Jina!

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