Alex Carpenter's Avatar

Alex Carpenter

@alexcarpenter.me.bsky.social

Proprietor at https://alexcarpenter.me UI Engineer at https://clerk.com Coffee newsletter at https://ibrewmyown.coffee

744 Followers  |  60 Following  |  43 Posts  |  Joined: 28.04.2023  |  2.133

Latest posts by alexcarpenter.me on Bluesky

Codeblock showing --brand-color usage being set in CSS style tag, and passing that value into Clerks appearance variable prop.

Codeblock showing --brand-color usage being set in CSS style tag, and passing that value into Clerks appearance variable prop.

Working on some updates to make it easier to theme Clerk components from your existing CSS variables.

Generating a color palette using relative color syntax and color-mix.

21.06.2025 12:18 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Alex Carpenter UI Engineer

v5 spring refresh alexcarpenter.me

14.04.2025 15:30 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Love the sounds of that!

07.03.2025 12:51 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
ℹ️ Recommendations Micro.blog has a feature to let you create a list (or β€œblogroll”) of recommended blogs. You can include this list on your home page, or as a separate page, and Micro.blog will also link to it from you...

πŸ‘€ help.micro.blog/t/recommenda...

04.03.2025 15:13 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Setting up a screen reader testing environment on your computer – The personal website of Sara Soueidan, inclusive design engineer

I have to take a moment to appreciate @sarasoueidan.com's post about setting up a screen reader testing environment. it continues to be an invaluable resource for me πŸ™πŸ»

www.sarasoueidan.com/blog/testing...

24.02.2025 23:07 β€” πŸ‘ 96    πŸ” 18    πŸ’¬ 1    πŸ“Œ 2
Coffee bar with espresso machine

Coffee bar with espresso machine

Coffee stored in glass tubes

Coffee stored in glass tubes

Espresso grinder

Espresso grinder

Coffee and tea gear on shelves

Coffee and tea gear on shelves

Issue 004 // @arslan.io - Engineer with a passion for Design, Dieter Rams, Watches, Coffee and Bauhaus.

ibrewmyown.coffee/interviews/f...

25.02.2025 11:34 β€” πŸ‘ 13    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
<TooltipTrigger isOpen={open} onOpenChange={setOpen}>
  <Button>Trigger</Button>
  <AnimatePresence>
    {open ? (
      <MotionTooltip
        className={({ placement }) =>
          cx({
            "[--y:4px]": placement === "top",
            "[--y:-4px]": placement === "bottom",
          })
        }
        offset={6}
        initial={{ opacity: 0, y: "var(--y)" }}
        animate={{ opacity: 1, y: 0 }}
      >
        Content
      </MotionTooltip>
    ) : null}
  </AnimatePresence>
</TooltipTrigger>

<TooltipTrigger isOpen={open} onOpenChange={setOpen}> <Button>Trigger</Button> <AnimatePresence> {open ? ( <MotionTooltip className={({ placement }) => cx({ "[--y:4px]": placement === "top", "[--y:-4px]": placement === "bottom", }) } offset={6} initial={{ opacity: 0, y: "var(--y)" }} animate={{ opacity: 1, y: 0 }} > Content </MotionTooltip> ) : null} </AnimatePresence> </TooltipTrigger>

React Aria exposing state through the className is super handy. Here we're using the placement returned to define a TW CSS variable which we can then use in Motion to define its animation direction. codesandbox.io/p/sandbox/zw...

20.02.2025 12:09 β€” πŸ‘ 12    πŸ” 3    πŸ’¬ 1    πŸ“Œ 0
Coffee on counter top

Coffee on counter top

Espresso machine with cup under neath spout.

Espresso machine with cup under neath spout.

Espresso on table in between a candle and magazine titled SOLO

Espresso on table in between a candle and magazine titled SOLO

IBMOC Issue 002 // Matthew Spade - Digital Content Creator based in Blackpool, UK, specializing in Design, Interiors, Personal Style, Lifestyle and Travel, with an emphasis on the creative community, discovery of smaller brands and culture.

ibrewmyown.coffee/interviews/m...

12.02.2025 14:18 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Very keen to see the outcome of all this work! Looks great.

10.02.2025 15:18 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Velo branding is πŸ”₯

05.02.2025 13:57 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Do it!

05.02.2025 13:09 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
Roasters - I Brew My Own Coffee Third wave coffee roasters.

Had previously collected a good amount of US Coffee Roasters from when I was doing the podcast, so I dropped them on the new site for reference ibrewmyown.coffee/roasters

05.02.2025 12:34 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 2    πŸ“Œ 0
Preview
John-George Sample - I Brew My Own Coffee Front-end engineer and third-wave coffee enthusiast, passionate about crafting user-friendly web experiences and perfecting the art of brewing.

Name: John-George Sample
Status: Published
Datetime: 2025-02-03 8:30:56 AM EST
Profession: Front-end engineer
Location: Pittsburgh, PA
Handle: @johngeorgesample.bsky.social

ibrewmyown.coffee/interviews/j...

03.02.2025 13:52 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

Coffee nerds unite 🫑

26.01.2025 13:27 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Congrats!

24.01.2025 14:55 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Awesome, sent an email.

21.01.2025 23:34 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Would you be open to participating in my newsletter? ibrewmyown.coffee

21.01.2025 20:45 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Love Sklar bike designs! 😍

21.01.2025 00:00 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

🀣

20.01.2025 13:51 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

πŸ‘€ color me intrigued

14.01.2025 16:21 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

πŸ˜‚

10.01.2025 18:12 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
I Brew My Own Coffee A collection of personal coffee brewing setups.

Resurrecting an old side project - I Brew My Own Coffee

It started back in 2014 as a podcast, but now I am bringing it back as a newsletter highlighting folks home coffee brewing setups.

It's like workspaces.​xyz but for coffee brewing setups.

Join the newsletter - brewmyowncoffee.com

07.01.2025 00:01 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Collections My favorite coffee gear, everyday carry tools, and smart home tech.

My favorite coffee gear, everyday carry tools, and smart home tech - alexcarpenter.me/collections

30.12.2024 17:51 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

That URL structure β€œaccess my mind” πŸ’―

12.12.2024 13:25 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

@macwright.com highlighted it here bsky.app/profile/macw...

05.12.2024 20:15 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Whats the reasoning for autofocus on the landing page?

05.12.2024 19:22 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

ooof....

05.12.2024 16:00 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

This is awesome, nice work!

03.12.2024 17:44 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

I do like the protection it offers and makes it look cooler imo, but definitely hinders the pocket-ability.

Thumb grip is another good one to check out.

24.11.2024 19:16 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Ricoh GR Glass Please be sure to select the correct hood for your camera in the drop down menu above. These lens hoods for the GR III and GR IIIx are the most compact protection currently available for these cameras...

I have the squarehood lens cap that add some protection for the lens squarehood.se/products/ric...

24.11.2024 18:13 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

@alexcarpenter.me is following 20 prominent accounts