Top design and frontend links this week.

Find your next job through Vettery - Create a profile to connect with top companies hiring designers - Vettery  Sponsored

Smart interface design patterns checklists PDF - Announcing a set of checklists to help you create smart interface design patterns. Totally free if you sign… - Rachel Andrew / filed under UI Design

Colors.lol – Overly descriptive color palettes - Created as a fun way to discover interesting color combinations. Palettes are hand-selected from the Twitter bot @colorschemez.… - Adam Fuhrer / filed under Coloring

CSS findings from the new Facebook design - I am a curious person who is always interested in opening up the browser DevTools to see how… - Ahmad Shadeed / filed under HTML & CSS

Migrating to Figma: the business case, the process, and the libraries - Starting with a blank slate is every designer’s dream. Being given free reign to decide on the appropriate… - Luis Ouriach / filed under Figma, Product Management

How to build a bad design system - I didn’t realize this until it was far too late, but one of the biggest mistakes that’s made… - Robin Rendle / filed under Design System

Four definitions of design - You’ve got this. Your colleague just opened up for the ultimate discussion: “Can you explain this ‘design’ thing… - Sonja Sarah Porter / filed under Product Design

Embracing terrible first drafts - I’m married to a writer and I’m constantly finding parallels between my process as a designer and Kristen’s… - Joshua Rudd / filed under Design Process

BEM naming cheat sheet - When it comes to finding the right class name, it can quickly drive you to despair. Even the… - Nils Binder / filed under BEM, HTML & CSS

Layout-isolated components - The move to component-based development has enabled a large number of really incredible improvements to tools and the… - Emil Sjölander / filed under React.js, UI Design

Reverse engineering WhatsApp web’s CSS - If you’re like the majority of readers, recreating CSS and HTML by reverse engineering might look suspicious to… - Elad Shechter / filed under HTML & CSS

Styling scrollbars with CSS - Since the early days of the web, customizing the browser’s scrollbar has proven to be very difficult to… - William Le / filed under HTML & CSS

Color contrast checker - The Polypane color contrast checker checks against values defined by the WCAG, the Web Content Accessiblity Guidelines. These… - Polypane / filed under Accessibility

Snap to 8pt grid - A Sketch plugin which helps with snapping layer properties to the 8 point grid. It's also possible to… - Misha / filed under Sketch App

Web performance checklist - The other day, I realized that web performance is an enormous topic covering so very much — from… - Robin Rendle / filed under Performance

12 documentaries that will spark your creativity - We all know that going out into the world and witnessing other peoples' lives is a powerful source… - Devin Peek / filed under Creativity

Basecamp’s Jason Fried on the learning curve of remote work - With tips for newly WFH workers and managers, the co-founder of Basecamp reflects on two decades of collaborating… - Chrysanthe Tenentes / filed under Remote Working