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 ... - Sponsored
Week 20
Best design and frontend links this week.
Highlights of the week ↘
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… -
Achieving God mode in digital design - An abstract, simple but powerful way of thinking about systems based on how we perceive the world around… -
Design ↘
Typography in design systems - Everyday digital interfaces include a rich variety of images, visualizations, and other pictures. However, more than anything else,… -
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… -
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… -
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,… -
Development ↘
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… -
Buttons with icons solved with flexbox - The most common case for this kind of pattern is when you need to build buttons for social… -
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… -
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… -
Tools and resources ↘
Figma Plus - Figma Plus is an unofficial plugin platform for Figma. We hope to create a friendly community of users… -
Introducing Framer Playground - This release brings a new code editor, animation library and world-class docs—empowering you to invent new interactions through… -
Introducing GitHub Package Registry - Today, we’re excited to introduce GitHub Package Registry, a package management service that makes it easy to publish… -
Inspiration and creativity ↘
Curated color inspiration - Looking for a fresh color combination for your next project/concept/idea can be quite a challenge sometimes. Let me… -
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… -
▶ 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,… -
Last but not least ↘
▶ How to do Nothing - Decades before the advent of social media as we know it, Gilles Deleuze observed that it was “a… -
