Design and frontend links this week.

Organize screens, build flows, and handoff designs in Zeplin - Use the code ZEPLINHEARTSHEYDESIGNER when creating a workspace or click the link for a free trial on a paid plan. - Zeplin  Sponsored

Modern iOS navigation patterns - This page collects all the familiar navigation patterns for structuring iOS apps, like drill-downs, modals, pyramids, sequences, and more. - Frank Rausch / filed under UI Design

Button design tips to avoid common mistakes - Practical button design tips to avoid common usability and accessibility problems. - Adham Dannaway / filed under UI Design

Design notes on the 2023 Wikipedia redesign - For the past few years I led the redesign of the Wikipedia desktop interface, which launched this past January. - Alex Hollender / filed under Redesign

UX Strategy: Study guide - Use this collection of links to our articles and videos about UX visioning and strategy. - Sarah Gibbons and Anna Kaley / filed under UX Design

Sub-second orientation - When a visitor encounters a web-page for the first time, they will ask and answer three questions within about one second. - Christopher Butler / filed under Product Design

Modern font stacks - System font stack CSS organized by typeface classification for every modern OS. - Dan Klammer / filed under Typography

The role of x-height in typefaces - Why are some typefaces harder to read than others at the same font-size? Well, it has a lot to do with x-height but of course it's a bit more complicated than that. - Dan Hollick / filed under Typography

Fix color contrast: Web accessibility for text and UI design - Learn what's crucial and required about color contrast for text and UI components. - Oliver Schöndorfer / filed under UI Design

Type Design Resources - A growing, public, collaborative collection of type design resources. Everything from learning the basics to running your own foundry. - Justin Penner / filed under Typography

The Figma to browser chasm - I've seen some amazing Figma files. Incredibly complex, sophisticated plugins that enhance Figma's native capabilities. - Jim Nielsen / filed under HTML & CSS

Leading successful product teams - I've been leading various successful design systems teams over the past six years and in this post I wanted to share a simple set of fundamental rules that has allowed those teams to get to the highest level of productivity while benefiting both the company and the team members. - Ariel Salminen / filed under Leadership

Keep it simple, but structured - Simplify your life so you can organize your time more easily. - Alex Galben / filed under Inspiration

2023 Design in Tech Report: Design and Artificial Intelligence - This year's report provides a primer on how to speak machine in the new age of pre-trained foundation models and so-called “large language model (LLM)” AIs. - John Maeda / filed under Artificial Intelligence, Product Design