Design and frontend links this week

Looking for the best tools and services? They’re in this article - Gaining access to a tool or resource that holds the promise of being a game changer can be a bright spot in your workday - BAWMedia  Sponsored

8 rules to help you design a better card user interface - Learn how to build a perfect card UI with these guidelines. - Andrew Coyle / filed under UI Design

A visual comparison of macOS Catalina and Big Sur - This post is an attempt to provide a visual comparison of pretty dramatic UI changes between macOS Catalina… - Andrew Denty / filed under UI Design

3 persona types: lightweight, qualitative, and statistical - Personas used in UX work are a quick, empathy-inducing shorthand for our users’ context, motivations, needs. - Page Laubheimer / filed under Persona, UX Design

50 short product lessons - I put these together by transcribing brief talks, so the tone is conversational. Apologize in advance for my… - John Cutler / filed under Product Management, Product Strategy

Lights and shadows - It’s hard to describe how paramount light is. Ultimately, it is the only thing we see. But just… - Bartosz Ciechanowski / filed under Visual Design

What we get wrong as designers - In Nobody told me UX would be like this product designer Chris Kiess explains how getting things wrong… - Tanner Christensen / filed under Career, Product Design

A complete guide to dark mode on the web - Dark mode has gained a lot of traction recently. Like Apple, for instance, has added dark mode to… - Adhuham / filed under HTML & CSS, Javascript

Designing beautiful focus states - Learn how to design beautiful and accessible link focus states in this tutorial by Ethan Marcotte — the… - Ethan Marcotte / filed under HTML & CSS

Scroll to text fragment - Text fragments can be used to link to a web page and highlight matching text in the URL… - Michael Gearon / filed under HTML & CSS

Anatomy of a typed React component - In this post, I wanted to take a look at a very simple React component and walk step-by-step… - Daniel Eden / filed under Javascript, React.js

iOS 14 UI kit for Figma - All of the elements here are named for easy instance-swapping, have constraints applied, and use auto layout where… - Joey Banks / filed under Figma, iOS

Milton Glaser – Ten things I have learned - In 2001, Milton Glaser put together a list of 10 things he had learned about work and life. - Matthias Ott / filed under Self Development

From idea to Kickstarter: A product design case study - The story of how I designed Uicard — A pocket friendly wireframing ruler that inspires more sketching. - Jan Haaland / filed under Case Study, Product Design

The whimsical web - The web needs to take itself less seriously. It's barely out of its twenties and suddenly it's all… - Max Böck / filed under Inspiration

The winners of the 2020 Apple Design Awards - The Apple Design Awards recognize excellence in design and innovation for apps and games across all of Apple's… - Apple / filed under Product Design

How to improve your abstract thinking - Here's a short summation on how to improve your abstract thinking abilities by HN users. - Rik Nieu / filed under Learning