Best design and frontend links this week.

15 examples of how to create cool one-page website - You’ve become a pro at creating multi-page websites, a few quite large ones perhaps. Suddenly, you’re faced with building a one-pager ... - Muffin Group  Sponsored

Why I don’t believe in empathic design - Human-centered design pioneer Don Norman, who coined the term ‘user experience,’ explains why he’s not convinced by the… - Don Norman / filed under UX Design

Achieving God mode in digital design - An abstract, simple but powerful way of thinking about systems based on how we perceive the world around… - Marek Minor / filed under Design System

Typography in design systems - Everyday digital interfaces include a rich variety of images, visualizations, and other pictures. However, more than anything else,… - Nathan Curtis / filed under Design System, Typography

5 steps for including motion design in your system - The design community has started to apply some rigor toward documenting and systematizing components in both design and… - Caleb Barclay / filed under Design System, Motion Design

Adding value to your design by understanding motion and its tools - The original intention of writing this article is because most of the designers around us basically rely on… - Yifan Ding / filed under Motion Design

How to design destructive actions that prevent data loss - Data loss is one of the greatest frustrations users can experience. It’s not only their data they lose,… - Anthony T / filed under UI Design, UX Design

Night mode with mix-blend-mode: difference - I came across the idea of implementing night mode using mix-blend-mode: difference when I was preparing for my… - Wei Gao / filed under CSS Blend Modes, HTML & CSS

Buttons with icons solved with flexbox - The most common case for this kind of pattern is when you need to build buttons for social… - Geoffrey Crofte / filed under CSS Flexbox, HTML & CSS

Breaking to a new row with flexbox - Here’s the challenge: if you want to create a flexbox layout with several rows of items, how do… - Tobias Ahlin / filed under CSS Flexbox, HTML & CSS

A designer’s guide to animating icons with CSS - As a designer, I love coming across fun animations when visiting a site, and I have definitely been… - Shannon Thomann / filed under Animation, HTML & CSS

Figma Plus - Figma Plus is an unofficial plugin platform for Figma. We hope to create a friendly community of users… - Ahmad Al Haddad / filed under Figma

Introducing Framer Playground - This release brings a new code editor, animation library and world-class docs—empowering you to invent new interactions through… - Koen Bok / filed under Framer.js

Introducing GitHub Package Registry - Today, we’re excited to introduce GitHub Package Registry, a package management service that makes it easy to publish… - Simina Pasat / filed under Apps & Tools

Curated color inspiration - Looking for a fresh color combination for your next project/concept/idea can be quite a challenge sometimes. Let me… - Ales Nesetril / filed under Coloring

Beautifully simple click-to-copy CSS effects - A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS… - Jonathan Olaleye / filed under HTML & CSS

▶ Greater than Avatars: How freelance designer Matt D. Smith manages work, health, and family - Greater than Avatars is a film series on the humans behind the avatars. We know their work, tweets,… - Dann Petty / filed under Freelancing, Inspiration

▶ How to do Nothing - Decades before the advent of social media as we know it, Gilles Deleuze observed that it was “a… - Jenny Odell / filed under Self Development