Alex Carpenter's Avatar

Alex Carpenter

@alexcarpenter.me

UI Engineer - https://alexcarpenter.me Authoring - https://resilient-ui.com Curating - https://ibrewmyown.coffee

762
Followers
60
Following
48
Posts
28.04.2023
Joined
Posts Following

Latest posts by Alex Carpenter @alexcarpenter.me

Video thumbnail

πŸ“ Implementing smooth Dot Indicators with Embla Carousel and CSS color-mix()

alexcarpenter.me/notes/2026-0...

07.03.2026 12:21 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
2025 Holiday Coffee Gift Guide - I Brew My Own Coffee Discover the best coffee gifts for the holidaysβ€”espresso machines, drippers, brewers, and bean subscriptions that coffee lovers will actually use every day.

2025 Holiday Coffee Gift Guide - Discover the best coffee gifts for the holidaysβ€”espresso machines, drippers, brewers, and bean subscriptions that coffee lovers will actually use every day.

#ibrewmyowncoffee

ibrewmyown.coffee/2025-holiday...

01.12.2025 12:53 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Hayden Bleasel Australian Design Engineer who loves working on open source software for the web.

RESILIENTβ€”UI interview #002 with Hayden Bleasel from Vercel.

Australian Design Engineer who loves working on open source software for the web.

www.resilient-ui.com/interviews/h...

19.11.2025 12:53 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Dima Belyaev Staff front-end engineer based in Amsterdam, working on AI assistants at Shopify.

RESILIENTβ€”UI interview #001 with @blvdmitry.me

Staff front-end engineer based in Amsterdam, working on AI assistants at Shopify.

www.resilient-ui.com/interviews/d...

05.11.2025 12:39 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Congrats!

22.10.2025 00:46 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

Exploring a new design direction for @ibrewmyown.coffee Still very much WIP, but curious to hear your thoughts!

ibrewmyown-coffee-git-v3-alex-carpenters-projects-00876ed6.vercel.app

08.10.2025 11:39 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
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 πŸ” 17 πŸ’¬ 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 πŸ‘ 13 πŸ” 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