Top design and frontend links this week.

Get creative with a free .design domain name - For professional and aspiring designers, get your .design domain name for free - Porkbun  Sponsored

New logo and identity for Mixcloud by Output - The old logo was painfully generic, with an obligatory cloud for a business with the word cloud in… - Armin Vit / filed under Branding, Logo Design

Introducing the new Windows 10 icons in Fluent Design - To design for Windows is to design for the world. Today, Windows 10 powers hundreds of millions of… - Christina Koehn / filed under Icon Design

Norman’s 3 levels of emotional design - Strengthening the emotional impact of product experiences through visceral, behavioral, and reflective design. - Justin Baker / filed under Product Design, UX Design

Let’s define CSS 4 - It’s come up quite a few times recently that the world of people who make websites would greatly… - Jen Simmons / filed under HTML & CSS

UX Laws 101: Jakob’s Law of familiarity - Jakob’s law was originally created by Jakob Nielsen, principal and co-founder of the Nielsen Norman Group. Jakob’s Law… - Tania Sousa Vieira / filed under Psychology, UX Design

Gauging users’ reactions to non-native UI - Google Material Design and Apple’s HIG has allowed us to more easily design for “intermediate users” (AKA the… - Frances Biedenharn / filed under UI Design

On design thinking - Gainesville is a medium-size city in the middle of northern Florida. It is subtropical and often beautiful: its… - Maggie Gram / filed under Design Thinking

User experience and cognitive load: when less is more - Have you ever been overwhelmed by a restaurant menu with way too many dishes and options? Being overwhelmed… - Ed Orozco / filed under Psychology, UX Design

Create diagonal layouts like it’s 2020 - Diagonal layouts are great. You can build them easily with CSS. Take a look at this CodePen to… - Nils Binder / filed under HTML & CSS

Styling the good ol’ button element - It’s one of the most used elements on the web. Button can be used to activate certain interactions… - Ahmad Shadeed / filed under HTML & CSS

Design tokens and CSS: Systemising the design of components - Design Tokens allow you to define the low-level values of the design attributes in your Design System so… - Stuart Robson / filed under Design token

Setting up a brand new Mac for development - I have to set up a MacBook Pro fairly often - when starting a new job and when… - Tania Rascia / filed under Apps & Tools

Behaviour design toolkit - Learn how to apply behavioural science to design. Design for behavioural change in product design, UX and service… - BehaviourStudio / filed under Product Design

Squoosh - Compress and compare images with different codecs, right in your browser. Make images smaller using best-in-class codecs, right… - GoogleChromeLabs / filed under Apps & Tools

CoolHue: Figma gradient colors plugin - Coolest handpicked Gradient Palette and Swatch for your next super amazing stuff. - WebKul / filed under Figma

New exhibit in Midtown subway station showcases graphic design of NYC transit system - Inside the 5th Avenue-53rd Street subway station, a new site-specific exhibit showcases the connection between modern art and… - Michelle Young / filed under Graphic Design

7 helpful tips for any new designer to follow - If you’re just starting out in this big, daunting, but equally enjoyable world of Product Design, there’s a… - Marc Andrew / filed under Product Design

Getting real - The smarter, faster, easier way to build a successful web application - Basecamp / filed under Product Development, Product Management