Control your iPhone with your eyes. Just look at a button to select it and blink to press. Powered by ARKit 2. #ARKit #ARKit2 #WWDC #iOS

It’s time to meet Framer X. Visually design advanced transitions, install interactive components from our in-app Store and customize directly on the canvas. The best part? It’s all React-based, so you can build on anything you design. Learn more — bit.ly/2uT8fU5

“The key lessons I learned creating a popular Design System” by Matt Bond medium.com/asana-design/t…

“Comparing 3 Top Automated Accessibility Testing Tools: WAVE, Tenon.io, and Google Lighthouse” by Laura Johnson link.medium.com/QQNzDr0NrV

In Chrome 73, DevTools now shows a tooltip with info like font size, font color, and box model. It even shows you if your contrast ratio is accessible. 🙌

.Sketch If you have to replace all your symbols to a new library, this is the best plugin out there (14500 instances transferred in minutes with overrides and text layers) awesome ! Thanks Robin Tindale github.com/zeroheight/lib… (Sketch 55.2)

Get ready to supercharge your symbols and create powerful, responsive components. Smart Layout in Sketch 58. Coming to a Canvas near you, next week. 😎

Open source is easy. All you have to do is: 1. Find a solution to a universal or common problem. 2. Define goals for the project. 3. Create an MVP that is both appealing to a wide range of developers with varying subjective preferences in coding-styles and architecture.

UI Case study: state styles of card component with accessibility in mind by nana 🧙🏻‍♀️ in Prototypr blog.prototypr.io/ui-case-study-…

"If you can't measure it, you can't improve it" web.dev/metrics covers how to measure modern web performance metrics & optimize for them.

Bit of a birds eye view of some of the work I did for CSS-Tricks last year. I have so much of this sort of thing unpublished. I should probably do something with it.

#lintHTMLwithCSS: /* Headers out of order (i.e. h2 before h1, etc.) Result: dotted blue outline */ h2 ~ h1, h3 ~ h1, h4 ~ h1, h5 ~ h1, h6 ~ h1, h3 ~ h2, h4 ~ h2, h5 ~ h2, h6 ~ h2, h4 ~ h3, h5 ~ h3, h6 ~ h3, h5 ~ h4, h6 ~ h4, h6 ~ h5 { outline: 2px dotted blue; }

Today, Generative AI takes a big step and comes to user interface design! Helen Zhou and I are excited to announce Galileo AI : the first AI product that uses natural language to generate UI designs. It lets you design beyond imagination. Early access: useGalileo.ai

AI-powered database co-pilot: Use Bink Connect a database and use Bink as a database query co-pilot that can generate, run, and iterate on queries from simple questions. This could make everyone a data analyst. Big market for this: usebink.com

2025 CSS Reset

Really useful site for new Font releases. type-atlas.xyz

It’s 3AM and I just recreated Apple Liquid Metal right in the browser. No JavaScript. No WebGL. Just raw HTML + CSS. Let me know if you want the code

Advent of Claude Day 21 - Plugins "Can you send me your Claude Code setup?" sends 47 files across 12 directories "...nevermind" That era is over /plugin install my-setup Discover new workflows via marketplace Commands, agents, skills, hooks, MCP. One package. One command.

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.

This is a great one to bookmark, many different ways you can use the console for debugging (yes, beyond console.table): 🐛   medium.com/appsflyer/10-t…