Top design and frontend links this week.

Product Designers are in demand on Vettery - Make a free profile, name your salary, and connect with hiring managers from top employers today. - Vettery  Sponsored

Good UX = Boring UI. Don’t be creative - Most people associate the word “design” with “creativity,” so it’s tempting to believe that a successful UI is… - Nick Rollins / filed under UI Design

Design system playground - Play with typography and colors to generate a design system theme you can use in your projects. With… - John Polacek / filed under Design System

Stop using sticky navigation on mobile - Don’t style your navigation (or any components for that matter) to be “sticky” on mobile. They create poor… - Bradley Taunt / filed under UI Design

Designing accessible color systems - Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments… - Daryl Koopersmith / filed under Accessibility, Coloring

The problem with dropdown fields (and what you should use instead) - Dropdowns are one of the default fields in the form design toolkit. But far too often, the dropdown… - Josh Wayne / filed under UI Design

Digging deep in layout grids in mobile app design - In this article, I would like to share with you practical tips and tricks that can be useful… - Andrey Zhulidin / filed under UI Design

We’re not designing for screens - It's good to occasionally be reminded that the real world doesn't exist behind a screen. As a digital… - Tanner Christensen / filed under Product Design

To design better products, write better UX copy - How my team at The New York Times brings UX copywriting into the design process to make our… - Nina Feinberg / filed under Copywriting, Product Design

▶ Build a classic layout fast in CSS grid - For years, we've struggled to build resilient layouts on the web, but CSS Grid promises to change all… - Miriam Suzanne / filed under HTML & CSS

Dynamic CSS components without JavaScript - What is a component? In electronics, it's a discrete device used to affect the behavior of the electricity… - Heydon Pickering / filed under HTML & CSS, React.js

Style hover, focus, and active states differently - I’ve been styling :hover, :focus, and :active states the same way for years. I can’t remember when I… - Zell Liew / filed under HTML & CSS

Can we please style the select control?! - When working in Product Management one important aspect to determine the importance of a bug or feature in… - Greg Whitworth / filed under HTML & CSS

Culrs: Thoughtfully crafted color palettes in your Mac - Culrs is a mac app where colors that work together are curated and fashioned into quality palettes that… - Arnob Mukherjee / filed under Apps & Tools, Coloring

Open Doodles: A free set of sketchy illustrations - Open Doodles is a set of free illustrations that embraces the idea of Open Design. You can copy,… - Pablo Stanley / filed under Design Resources, Illustration

Announcing TinaCMS - Today, we’re excited to announce TinaCMS: an open-source site editing toolkit for React-based sites (Gatsby and Next.js). Tina… - Scott Gallant / filed under CMS

The Hot Potato process - The big misconception I’ve seen designers and developers often fall victim to is believing that handoff goes one… - Dan Mall / filed under Design Handoff, Design Process

A guide to experimenting and prototyping - So far in this series, we’ve discussed how organizations can adopt empathy, collaboration, and creativity to drive innovation.… - Kelly Lai / filed under Prototyping

The freelance life - Insights into starting, surviving, and growing your freelance business. Freelancing is a compelling opportunity for skilled professionals who… - Sidesupply / filed under Freelancing

The term “Responsive Web Design” has failed - Desperate times call for desperate measures, and although Alex’s recent slide is a bit full on, it’s not… - Frances Berriman / filed under Responsive Design