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

Meyerweb, to random
@Meyerweb@mastodon.social avatar

Every time I see a Cybertruck all I can think is that, much like me, Elon must have played a lot of “Deathtrack” in college.

keithjgrant,
@keithjgrant@front-end.social avatar

@Meyerweb I never played that, but I definitely played a tank game with the exact same UI 😆

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

@scope is now live in both Chrome and Safari! This is huge for . The remaining days of BEM are numbered!

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

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

Dear people who make websites,

Do you ever block your users from being able to paste into a text field?

Why?

Do you need this ability for a good reason? What’s that reason?

Or, as a user, would you like to see it go away? Perhaps you encounter sites that prevent you from pasting your super complex password from your password manager into a password field, and wonder why they can do so?

What might be the downside of removing support of disallowing pasting from the web?

keithjgrant,
@keithjgrant@front-end.social avatar

@jensimmons I hate it when paste is disabled. I also hate it when I have to type username, hit enter, then password on a second screen (very rarely doable with a PW manager)

keithjgrant,
@keithjgrant@front-end.social avatar

@jensimmons Just realized it perceived “copy” as “paste”. Yes, I hate disabled copying also, perhaps even more so

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

the weather has cycled from snow -> hail -> rain at least three times today

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

We saw a cover band on Friday night playing all of Journey's Escape album + all their greatest hits. It was a ton of fun, but I've had random Journey songs jumping about in my head ever since (which isn't all bad, I suppose)

tomw, to CSS
@tomw@mastodon.social avatar

OK, which wise guy made it so that background-size: cover is order-dependent, ie. can't be specified before the main background declaration?

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

@tomw The issue here is background is a shorthand property.

When you declare background: <anything> you are setting all its constituent properties: background-attachement, background-clip, background-color, background-image, background-origin, background-position, background-repeat, and background-size.

For any of those values you don't declare, they will be set to their initial value, overriding (in your case) the background-size you've set prior.

keithjgrant,
@keithjgrant@front-end.social avatar

@tomw I actually cover this in chapter 1 of my book (section 1.4.1). I think the first chapter is available to preview if you're interested: https://www.manning.com/books/css-in-depth-second-edition?a_aid=kjg&a_bid=a7bc24da&chan=mm_mastodon

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

In the works tonight:

Pan seared gulf prawns on lime & jicama slaw and fried chorizo polenta with a honey-coconut sauce

A total experiment based on no recipe at all and I’m totally looking forward to it

keithjgrant,
@keithjgrant@front-end.social avatar

Not too shabby

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

Apple has burned so much trust through this whole mess. I’m beginning to read all this emphasis on "privacy and security" as cover for shady monopolistic business practices.

PWAs have so many security element built into them. That's why I see "install our app!" messages online as an attempt to more thoroughly violate privacy.

Meyerweb, (edited ) to random
@Meyerweb@mastodon.social avatar

This article is disturbing in many ways, but the thing that jumped out at me is that in the US, while the right is more likely to support authoritarianism than the left, it’s only by four points, probably close to the margin of error — but, unlike every other country, “centrists” support authoritarianism at a much higher rate than either right or left. (See Figure 2.) That’s a flashing red alert sign, with klaxon.
https://www.pewresearch.org/short-reads/2024/02/28/who-likes-authoritarianism-and-how-do-they-want-to-change-their-government/

keithjgrant,
@keithjgrant@front-end.social avatar

@Meyerweb might I suggest a uspol CW on this?

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

Leap day, MEAP day!

All Manning early access books are 50% off today, including CSS in Depth

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

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

There really ought to be an academy award for “most entertaining film” because that’s really all I care about and “best picture” has always been, well, self-aggrandizing nonsense

keithjgrant,
@keithjgrant@front-end.social avatar

Of course, Arrival is my favorite film of all time, and I’m not sure “entertaining” is quite the label I want. Moving or meaningful or poingnant.

Fine “best film” is the label I want, but this time I actually want it to mean “best”. Dream up some hoity toity award for that other insufferably artsy category.

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

🔗 Why You Shouldn’t Nest Your Code

I’m a never nester too!

https://www.youtube.com/watch?v=CFRhGnuXG-4

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

🔗 Listing Most Recent Git Branches

A couple very user-friendly git aliases for listing branches by last commit date. Where has this been all my career?

https://tekin.co.uk/2021/11/listing-most-recent-git-branches

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

🔗 A Conspiracy to Kill IE6

These developers are the sort of hero that should never have to pay for a drink for the rest of their lives.

https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6

pezillionaire, to snowboarding
@pezillionaire@mastodon.social avatar

❄️POW❄️
a little snow fell last night…

keithjgrant,
@keithjgrant@front-end.social avatar

@pezillionaire nice! Sorely needed, too. I know two people who have been seriously injured this year due to trees/rocks exposed through the thin base

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

A common talking point of CSS & separation of concerns is the idea that you can just swap out the CSS for different CSS to have a whole new design.

That’s neat and all, but the real-world need is the opposite: the HTML changes ALL. THE. TIME. Write your CSS so it works with changing content.

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

I don't yet understand what calc-size() usage looks like, but it sounds like it may unlock the animate-to-auto desires of (counts fingers) all CSS developers.

https://groups.google.com/a/chromium.org/g/blink-dev/c/YSc-ri5O32I/m/fvjllNgVAAAJ

🤞

keithjgrant,
@keithjgrant@front-end.social avatar

@chriscoyier I followed the thread on this GH issue for years (I filed the issue myself!) and still only have a ~50% grasp on how this works and a 0% grasp on when I'll need it instead of calc() (except of course to transition to auto).

But I'm glad some sort of solution is finally in the works

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

Fun fact: 0% of YouTubers who show me a screenshot of their subscription vs. viewership statistics in the middle of a video ever convince me to subscribe by doing so

scottjehl, to random
@scottjehl@mstdn.social avatar

I'd love to see some examples of sites that have embraced container queries in different ways (because I want my layouts and components to be heading in that direction and be less viewport-dependent). Any good examples out there yet?

keithjgrant,
@keithjgrant@front-end.social avatar

@davatron5000 @scottjehl Yeah, this. I feel like web design trends have shifted in a direction that doesn't call for them as often — in part because we got used to working around the limitation

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

The world of front end development changes so fast... it never ceases to amaze me that Chai and Sinon have held their place for so flipping long. It's gotta be over a decade now, right?

cory, to tech
@cory@social.lol avatar

🔗: A Conspiracy To Kill IE6 https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6

keithjgrant,
@keithjgrant@front-end.social avatar

@cory @nicolaschevobbe Heroes!

  • 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
    •