Website of the week:

What is product craft in the age of AI and design systems? - bencallahan.com
Ask a design system team how they’ll raise the quality of the products they support, and you’ll usually hear one of two options. The first is to
https://bencallahan.com/product-craft-in-the-age-of-ai-and-design-systems

Designing for trust – Anton Sten
Everyone says we need designers for taste. But there's a second thing tangled up in there — trust — and it's the part of the job that doesn't transfer to a tool.
https://www.antonsten.com/articles/designing-for-trust/

The hard things about design
Design is legible to everyone, non-linear by nature, and powered by obsession. An honest accounting of what the craft costs, and why it costs more than the crafts sitting right next to it.
https://hvpandya.com/hard-things-about-design

Creative focus - Herbert Lui
This year is Apple’s 50th year in business. Decades ago, it lost creative focus, and spread itself too thin. Tim Cook describes how Apple does things, “We believe in saying no to thousands of projects so that we can really focus on the few that are truly important and meaningful to us.” Each of these […]
https://herbertlui.net/creative-focus/

Free The Icons
Apple should end their prohibition on shapes in MacOS app icons
https://weblog.rogueamoeba.com/2026/06/26/free-the-icons/

Career advice for designers
https://anthonyhobday.com/blog/20260409

Taste cannot be delegated
The death of design by committee in the age of AI
https://uxdesign.cc/taste-cannot-be-delegated-1706847a0b4b

How to create awesome staggered animations in CSS - LogRocket Blog
Learn how to create staggered animations in CSS using sibling-index() and sibling-count(), with practical examples, fallbacks, and accessibility best practices.
https://blog.logrocket.com/css-staggered-animations/

How to scale elements and their layout with CSS "zoom"
The CSS zoom property, unlike scale, affects an element's layout size, not just its visual appearance.
https://www.stefanjudis.com/today-i-learned/css-zoom-to-scale-elements/

The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP & Lenis | Codrops
Most pages end when you stop scrolling. This one doesn’t. Learn how to build a seamless infinite scroll with a layered parallax depth effect.
https://tympanus.net/codrops/2026/05/28/the-never-ending-story-building-a-seamless-infinite-scroll-experience-with-gsap-lenis/

Building a Magical 3D Button with HTML and CSS • Josh W. Comeau
Every action we take on the web starts with a button click, and yet most buttons are ho-hum and uninspired. In this tutorial, we'll build an animated 3D button with HTML and CSS that sparks joy.
https://www.joshwcomeau.com/animation/3d-button/

Thinking Horizontally in CSS @layer – Master.dev Blog
If you put your custom properties (tokens) for every component in an @layer, then overriding them is never a fight.
https://master.dev/blog/thinking-horizontally-in-css-layer/

PRDs by voice. Bug reports by voice. Ship faster.

Dictate acceptance criteria and reproductions inside Cursor or Warp. Wispr Flow auto-tags file names, preserves syntax, and gives you paste-ready text in seconds. 4x faster than typing.

Try Wispr Flow free

Some Favorite Things

CODEPEN Pen of the Week