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

molly0xfff, to ai

back in my day we called this spyware

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?

evacide, to random
@evacide@hachyderm.io avatar

Threat models matter.

When a platform/service/app tells you they are “private” or “secure” always ask “from whom?”

Criminals, domestic abusers, law enforcement, data brokers, and intelligence agencies are all different attackers with very different capabilities.

fkamiah17, (edited ) to USpolitics
@fkamiah17@toot.wales avatar

BREAKING: 🔥 🔥

“What is the point of having power," she says, "if you will not use it to stop crimes against humanity?”
Jewish Presidential appointee Lily Greenberg Call resigned in protest at its refusal to stop arming Israel. It's an astonishing letter.
Update: a few minutes after tweeting this, her X account was suspended 🤨

Alt-texters please note that pages 2 and 3 have a huge amount of citations and footnotes, which I have not included.

akshatrathi, to random
@akshatrathi@mastodon.green avatar

2020: Microsoft sets goal to be carbon negative by end of the decade.

2023: Microsoft's emissions are 30% higher than in 2020.

Main cause? The relentless push to meet AI demand, which requires new data centers built out of carbon-intensive steel, cement, chips.
https://www.bloomberg.com/news/articles/2024-05-15/microsoft-s-ai-investment-imperils-climate-goal-as-emissions-jump-30

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

and RFC is live and ready for community feedback!

⤷ https://github.com/CSS-Next/css-next/discussions/92

Curious what features are in each bucket?
The RFC has it all laid out.

Disagree with a categorization?
Make a comment!

We want to hear from you!
Help us ensure we've mapped the features into buckets you agree with, can teach, can learn, and can grow with.

https://nerdy.dev/css4-and-css-5-and-beyond

hbuchel, to random
@hbuchel@hachyderm.io avatar

Is this a real thing people using Tailwind do because this made me actually lol at work
https://stackoverflow.com/questions/72826605/how-to-style-nested-elements-based-on-parent-class-using-tailwind-css

hbuchel,
@hbuchel@hachyderm.io avatar

It's still so wild to me that you can point out bad practices in javascript or whatever other language or point out a better way to write something and people go "yes of course, that makes sense now, I'll do it this way now" but for CSS those same people throw up their hands and go "I fear I need to reinvent CSS actually" instead of just learning the thing

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

Wrote a thing: https://humanewebmanifesto.com/

scottjehl, to random
@scottjehl@mstdn.social avatar

Been a while since I wrote this up but I still love that you can dynamically toggle a "sizes" attribute from say, 100vw to 200vw to cause the browser to select an contextually-appropriate, higher resolution source from its "srcset" list. It's such a cheap way to drive a "zoom" feature for product images, and it actually surprised me when it worked at the time. Responsive Image standards are good.
https://www.filamentgroup.com/lab/sizes-swap/

mhoye, to random
@mhoye@mastodon.social avatar

Both incredible and 100% unsurprising that StackOverflow would choose to burn down their community in favor of AI-generated slurry, when their community was the only path and the only tool they had to differentiate themselves from any goddamn site made of AI-generated slurry.

tomhazledine, to random
@tomhazledine@mastodon.social avatar

Excellent bit of insight from the end of @elliotjaystocks new book:

“Yes, we need more fonts. It's not like we have enough songs, is it?”

One of these days I’ll actually follow through on my dream of releasing a typeface…

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

Untitled

If you long for a web of yore were things were better, somehow: The thing is: none of this is gone. Nothing about the web has changed that prevents us from going back. If anything, it's become a lot easier. We can return. Better, yet: we can restore the things we loved about the old web while incorporating the wonderful things that have emerged since, developing even better things as we go forward, and leaving behind some things from the early web days we all…

https://chriscoyier.net/2024/05/03/11348/

bassistance, to random
@bassistance@chaos.social avatar

Can't wait for this trend to die

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

While not functional on Firefox (yet!), I had a little fun with @​​property on @codepen in . What I love is that the conic gradient's angle is reused with sin/cos in CSS to animate that (extremely realistic 🤡 ) text-shadow + subtle box-shadow in an arc, not a straight line! MATHS!

https://codepen.io/chriskirknielsen/pen/GRLazxr

A dark button in a dark environment with a intermittently solid cyan border (its opacity varies around the button). As the button is hovered, the border's "gaps" move around the button. and a glow behind it grows while following this movement around the button. The text also has a slight shadow (unrealistically white, to make it easily perceivable) which moves in an arc as the border animates, as if the border's glow is casting a light on the text, which in turns casts a shadow.

baldur, to random
@baldur@toot.cafe avatar

“How do you accidentally run for President of Iceland? | by Anna Andersen”

Glad somebody wrote about this because it’s an objectively hilarious UX case study

(And they just announced that eleven people managed to get the requisite number of endorsements in time) https://uxdesign.cc/how-do-you-accidentally-run-for-president-of-iceland-0d71a4785a1e

mekkaokereke, to random
@mekkaokereke@hachyderm.io avatar

Most BLM protesters were white people advocating for Black civil rights.♥️ All their lives, they thought that they had the 1st amendment right to protest, because they had seen white supremacists march without being beaten by cops. They didn't realize that the right to free speech depends heavily on what you are speaking about, and who you are speaking for.

Now I'm seeing college professors and students learn the same lesson about what US cops will do to you if you speak up for the wrong thing.

mekkaokereke,
@mekkaokereke@hachyderm.io avatar

When you can understand why there weren't mass arrests of the proud boys, or mass arrests at Jan 6, but there were mass arrests at BLM protests, and there are mass arrests on college campuses... you'll be one step closer to understanding free speech in America.

w7voa, to random
@w7voa@journa.host avatar

FCC restores net neutrality.

pawelgrzybek, to CSS
@pawelgrzybek@mastodon.social avatar

This is what's beautiful about modern CSS. All these modern features are so powerful by themselves, but when you combine them together, you can achieve magical results. This example by @kevinpowell of CSS animations and custom properties is incredible in its simplicity! So many more to be explored.

https://youtu.be/IdxzJLQ3Mbs

ismh, to random
@ismh@eworld.social avatar

Logitech slipped some ChatGPT into its mouse software, and a gross directory into everyone's Home folder. https://512pixels.net/2024/04/ai-overlay-tmp-home-folder-mac-os/

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

Are you interested in Masonry layout?? Graphic design on the web?

We just published a 4,000 word blog post investigating the current stage of the Grid Level 3 specification and all the amazing things you can do with it: https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

If you design or build websites, please read and chime in with your thoughts.

brad_frost, to random
@brad_frost@mastodon.social avatar

It feels like CSS has come such a long way. Nearly all of the major pain points that developers have faced for decades are either resolved or well on their way. This is a good thing!

Of course the web is never done, but it does feel like an inflection point.

chris22smith, to webdev
@chris22smith@mastodon.social avatar

I've always been very much in favour of UX and a11y over DX but, if you don't provide good DX, developers can produce some truly horrible UX and a11y. Can't win.

mcc, to random
@mcc@mastodon.social avatar

Strange science facts: In nuclear power, functional nuclear fission reactors were constructed as early as 1942, yet nuclear fusion remains elusive and can only be achieved for short periods. In jazz, on the other hand, jazz fusion was invented in the early 70s, and jazz fission remains purely theoretical even today

waldoj, to random
@waldoj@mastodon.social avatar

I'm trying to pay my Virginia income taxes online, and they have disabled paste in any field of consequence. Paste in a password? Nope. Your bank's routing number? You're gonna have to hand-key that. Your bank account number? You better believe you're typing that in.

If you wanted to force people to create crappy passwords and cause them to accidentally siphon money out of strangers' bank accounts, this is how you'd do it. And somebody went to extra effort to make it be like this!

waldoj,
@waldoj@mastodon.social avatar

Browsers should refuse to respect paste-disabling. This is not something that any user wants.

raganwald, to random
@raganwald@social.bau-ha.us avatar

One of the things about charlatans is that we—oops, “they”—are an uninformed person’s idea of a genius.

When you hear them speak about a subject you happen to know something about, the illusion is pierced and you see them for who they really are: Dilettantes.

Given this dynamic, charlatans have to always operate at the cutting edge, because that’s where expectations are highest while simultaneously, information is lowest.

1/2

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