Diigo Bookmarks 10/22/2017

2017年10月22日 著

• Understanding Design Systems as Languages - Jan Aulbach - Medium

  "The goal of every language is to foster communication. Most languages are built upon two pillars: Words (vocabulary) and rules (grammar). So if we view a design system as a language, we might just start by defining these categories."

• Naming Things In CSS Grid Layout - Smashing Magazine

  "In this article, I'll take an in-depth look at the various ways to name lines and areas in CSS Grid Layout, and some of the interesting possibilities this creates."

• A framework to create an accessible and harmonious color system for faster design-dev handoff

  "Here is a 5 step process which I used to redefine the color system of Practice Fusion's EHR product. I reduced its color palettes by 40%-75% and simplified application rules to ensure consistency across the product."

• Creating a Design System: The Step-by-Step Guide

  "Built on the experience of creating an internal design system at UXPin and interviewing 40+ design and engineering leaders working on design systems, this guide helps you with every step of creating a design system"

• Prettier + Stylelint: Writing Very Clean CSS (Or, Keeping Clean Code is a Two-Tool Game) | CSS-Tricks

  "Prettier is a fairly new project, only busting onto the scene in January 2017. Now in the last quarter of 2017, it seems like everybody and their sister is using it. They call it an Opinionated Code Formatter."

• Avoid Emoji as Class Names | Adrian Roselli

  "To me it seems pretty evident that using emoji as identifiers in your HTML, CSS, or JavaScript is not very practical. The bytes you might save are outweighed by the potential for making your code harder to maintain."