π Implementing smooth Dot Indicators with Embla Carousel and CSS color-mix()
alexcarpenter.me/notes/2026-0...
π Implementing smooth Dot Indicators with Embla Carousel and CSS color-mix()
alexcarpenter.me/notes/2026-0...
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...
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...
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...
Congrats!
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
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.
Love the sounds of that!
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...
Coffee bar with espresso machine
Coffee stored in glass tubes
Espresso grinder
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...
<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...
Coffee on counter top
Espresso machine with cup under neath spout.
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...
Very keen to see the outcome of all this work! Looks great.
Velo branding is π₯
Do it!
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
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...
Coffee nerds unite π«‘
Congrats!
Awesome, sent an email.
Would you be open to participating in my newsletter? ibrewmyown.coffee
Love Sklar bike designs! π
π€£
π color me intrigued
π
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
My favorite coffee gear, everyday carry tools, and smart home tech - alexcarpenter.me/collections
That URL structure βaccess my mindβ π―