Jamie Kyle

@jamie.build

They/Them. Open source. Comic books. Board games. Prev: Babel, Yarn, Flow, Parcel, Biome

Working on a new design system component for various kinds of list items, settings rows, etc throughout our app It looks simple but it's turning out to be extremely difficult. I'm not sure it's even possible I've gotten very close except for centering "value" codepen.io/editor/Jamie...

BildBildBild

Let's not let our most critical open source dependencies become a hot bed for AI-generated bugs and security incidents while also profiting off the hard work of open source developers Please sign this petition to convince the Node TSC to reject AI contributions to core: github.com/indutny/no-s...

GitHub - indutny/no-slop-in-nodejs-core: A petition to disallow acceptance of LLM assisted Pull Requests in Node.js core

A petition to disallow acceptance of LLM assisted Pull Requests in Node.js core - indutny/no-slop-in-nodejs-core

github.com

Let's not let our most critical open source dependencies become a hot bed for AI-generated bugs and security incidents while also profiting off the hard work of open source developers Please sign this petition to convince the Node TSC to reject AI contributions to core: github.com/indutny/no-s...

GitHub - indutny/no-slop-in-nodejs-core: A petition to disallow acceptance of LLM assisted Pull Requests in Node.js core

A petition to disallow acceptance of LLM assisted Pull Requests in Node.js core - indutny/no-slop-in-nodejs-core

github.com

Pride & Prejudice fans, have you ever wondered why no one contacted police when Wickham & Lydia ran off? Ignoring that it wasn't a crime at that time, it's also because the police didn't exist in 1811. They wouldnt exist for another 18 years Police are a modern invention and there are alternatives

Using named and themed color variables in our design system has been a massive quality of life improvement Tailwind wasn't quite as bad, but even that has improved dramatically More consistency, and less you need to remember. And we've added high contrast mode, so its actually covering 4 themes

BildBild

When a candidate is called out for supporting Israel, Dems will say “This is what got us Trump! Let’s focus on the US! Stop with purity tests!” We’re talking about genocide Remember this when they promise to save you from fascism, they will feed you to the wolves and call you a single issue voter

It's shocking to me that Windows doesn't have an equivalent app as macOS Preview. Like what do you mean you need to download a separate app to sign a PDF? Why is Windows adding AI features when it can't do everyday things like this....

A lot of React libraries try making “core/dom” versions (well meaning, but used by no one & arent actually complete/well maintained standalone libs) that they wrap with a React API The problem is they tend to model things in a way that is unfriendly to React & you just end up with bugs & code bloat

It’s a lonely opinion but I can’t stand the song ‘Golden’ from K-pop demon hunters. It’s like they wrote the lyrics specifically for the kidz bop cover. I don’t understand adults that like this song

I wish I could add constraints to groups of CSS grid template rows/columns. Like grid-template-columns: group( 1fr, // total for both [col-1] auto, [col-2] min-content ) [col-3] fit-content group( 1fr, // total for both [col-4] min-content [col-5] auto );

Building libraries of prebuilt animations has always been tough because they tend to be so fiddly But the new view transition API is so naturally composable. And with React’s new <ViewTransition> component I feel like I can imagine how to built a very customizable set of common animations

People horrified and furious at the before and after photos of the white house… if you think that’s bad, you should see what israel did to Palestine

Sam Altman is just another tech grifter who will say anything to keep selling his grift and it will only become more and more apparent with time because grift simply cannot last forever

Accessibility question For ::backdrop's (dialog overlays) that have a semi-transparent bg to obscure the page behind them: Should we make the backdrop more obscured for `prefers-reduced-transparency`? Like if the backdrop is black/40% should we make it black/80%? 100%? Should we blur the bg?

dialog {
  /* The dialog itself is not semi-transparent at all */
  background: light-dark(white, black);
}

::backdrop {
  /* These values particular seem like very low values for a backdrop */
  background: light-dark(hsl(white / 20%), hsl(black / 40%));
  
  @media (prefers-reduced-transparency: reduce) {
    /* Should we increase them in reduce transparency mode? */
    background: light-dark(hsl(white / 60%), hsl(black / 80%));
    /* Would blurring the background actually help in this case */
    backdrop-filter: blur(10px);
  }
}

There should be a `fromIndex` parameter in `array.findIndex()` like the one in `array.indexOf()`: Exists: let array = ["foo", "bar", "foo"] array.indexOf("foo") // 0 array.indexOf("foo", 1) // 2 Doesn't exist: let fn = val => val === "foo" array.findIndex(fn) // 0 array.findIndex(fn, 1) // 2

GitHub allows you configure your pronouns that it shows on your profile which it also uses in some of the strings in the UI and makes accessible through the API It defaults to the value "Don't specify" but then it seems to either default to "He/Him" or tries to infer it based on your name

Screenshot of the "Pronouns" select menu with "Don't specify" selected. Other options include "they/them", "she/her", "he/him", or "Custom"Screenshot of a message from "DroidHub" (an internal company bot) with the text: Jamie marked his PR "Update symbols font" targeting main as ready for review

This text is generated based on GitHub's Webhook API which includes a value of "possessivePronoun" which is coming through as "his"

The internal bot actually tries to default to "their" if no "possessivePronoun" is returned by the webhook api

Being able to customize CSS accent-color is cool, but it would be really nice if we could use the system accent color in some of your own custom UI elements Privacy fingerprinting concerns seem like they'd be solved the same way as accent-color: auto or <system-color> (ex. Highlight)

Using backdrop-filter you can do this sort of swipe effect revealing contents behind the current element But I want this to work for the text changing its size and weight as a sort of "magnifying glass" effect I'm not sure how to accomplish that without any JS though codepen.io/jamiebuilds/...