Top design and frontend links this week.

When Figma isn’t enough for product teams - Pixelic is a design-first product collaboration platform for designers, PMs, engineers and more - Pixelic  Sponsored

Form design: multiple inputs versus one input - While most fields are made up of just one input, like an email address, some fields (that are… - Adam Silver / filed under UI Design

How to find device metrics for any screen - Calculate the right measurements for design across devices. New devices are always coming online, offering new formats, screen… - Liam Spradlin / filed under UI Design

Unlearning the UI - I’ve returned to product design again as I hope to move as far away from design systems for… - Robin Rendle / filed under Product Design

UX cheat sheet: searching vs browsing - When designing search results and interest sites, you have to keep in mind what ‘mode’ your user is… - Tess Gadd / filed under UI Design, UX Design

The power of experience mapping - Somewhere in the depths of Netflix, there’s a team whose primary responsibility is to make sure the bits… - Jared M. Spool / filed under UX Design

Wallop System, built with Modulz - I've often thought about creating a design system for myself. Something I could rely on for my personal… - Pedro Duarte / filed under Design System, UI Design

Modern touch-friendly design - These are touch-friendly guidelines I strive to follow for my apps and am happy to recommend to others. - Addy Osmani / filed under UI Design, UX Design

How I put the scroll percentage in the title bar - There's a percentage there. And it changes when you are scrolling. Kinda cool isn‘t it? Now you can… - Knut Melvær / filed under Javascript

Don’t fear empty divs (and other semantic faux pas) - An empty div with a height of 60px surrounded by two divs containing real content. Rendered, it looks… - Cory Etzkorn / filed under HTML & CSS

Thinking about the in-between design cases - In responsive web design, it's common to work on different variations of a page. A typical web page… - Ahmad Shadeed / filed under Responsive Design

Rebuilding the Vercel dashboard with Tailwind CSS - Using only Tailwind UI defaults (will be Tailwind 2.0 defaults), no customizations at all. - Adam Wathan / filed under HTML & CSS, UI Design

3% - In order to make something great you only need to change the existing layer by 3%. - Mariano Avila / filed under Design Process, Psychology

new.css - A classless CSS framework to write modern websites using only HTML. It weighs~4.5kb - Example / filed under HTML & CSS

Next-CMS - An example showing how you can do Next.js SSG using WordPress as the backend API. - Shu Ding / filed under Javascript, Wordpress

Quality software - Quality is subjective and hard to define. In software, it can be unclear why certain applications seem better… - Brian Lovin / filed under Product Development