Search

Nalezeno "design systems": 27

Build, Ship, & Maintain Design Systems with Backlight


(This is a sponsored post.) Design systems are an entire job these days. Agencies are hired to create them. In-house teams are formed to handle them, shipping them so that other teams can use them and helping ensure they … Build, Ship, & Maintain Design Systems with Backlight originally...

How Do You Handle Component Spacing in a Design System?


Say you’ve got a <Card /> component. It’s highly likely it shouldn’t be butted right up against any other components with no spacing around it. That’s true for… pretty much every component. So, how do you handle component spacing in … How Do You Handle...

Yes, Design Systems Do Improve Developer Efficiency and Design Consistency


One of the toughest things about being someone who cares deeply about design systems is making the case for a dedicated design system. Folks in leadership will often ask you to prove the value of it. Why should we care … The post Yes, Design Systems Do Improve Developer Efficiency and Design...

Different Degrees of Custom Property Usage


One way to work with Custom Properties is to think of them as design tokens. Colors, spacings, fonts, and whatnot. You set them at the root of the page and use them throughout your CSS. Very useful, and the classic … The post Different Degrees of Custom Property Usage appeared first...

2021 Design Systems (Survey/Courses)


My friends at Sparkbox are doing a survey on design systems, as they do each year. Go ahead and fill it out if you please. Here are the results from last year. In both 2019 and 2020, the vibe was … The post 2021 Design Systems (Survey/Courses) appeared first on CSS-Tricks. You can support...

Where the World Wide Web Shines


Here’s a fabulous post by Vitaly Friedman that looks at how to make accessible front-end components and what problems there are today when it comes to building them. There’s so much great info packed into this one post that I’m … The post Where the World Wide Web Shines appeared first...

People Problems


Just the other day, Jeremy Keith wrote that problems with performance work isn’t only a matter of optimization and fixing code, but also tackling people problems: It struck me that there’s a continuum of performance challenges. On one end of the continuum, you’ve got technical issues. These can...

The Best Design System Tool is Slack


There’s a series questions I have struggled with for as long as I can remember. The questions have to do with how design systems work: Where should we document things? Do we make a separate app? Do we use a third-party tool to document our components? How should that tie into Figma or Sketch?...

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 on a design systems team is a common mismanagement issue: there are too many people in a meeting and they have too many dang opinions. Is there a conversation about the color of your buttons that’s taking...

Sass !default and themeable design systems


This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this: .c-text-input { background-color: $form-background-color; padding: 10px } If the $form-background-color variable isn’t defined then...

Making Room for Variation


Say you have a design system and you're having a moment where it doesn't have what you need. You need to diverge and create something new. Yesenia Perez-Cruz categorizes these moments from essentially ooops to niiice: There are three kinds of deviations that come up in...

Two Lessons I Learned From Making React Components


Here’s a couple of lessons I’ve learned about how not to build React components. These are things I've come across over the past couple of months and thought they might be of interest to you if you’re working on a design system, especially one with a bunch of legacy technical decisions and a lot...

Design APIs: The Evolution of Design Systems


A clever idea from Matthew Ström: [...] design APIs don’t seem like a stretch of the imagination. An API-driven approach is the natural extension of the work currently being done on design systems, including tokens and standardization projects. If you buy into the idea of design tokens, that...

Designing accessible color systems


The team at Stripe explores how they’re refining their color palette to make it more accessible and legible for users across all their products and interfaces. Not only that but the team built a wonderful and yet entirely bonkers app for figuring out the ideal range of colors that they needed. We...

Laying the Foundations


Here’s a new book by Andrew Couldwell all about design systems and his team’s experience at Sprout Social. For a while now they’ve been building Seeds, a brand guide that the internal team can and reference for brand and design-related things, including patterns, variables, and components....

A Codebase and a Community


I woke up one morning and realized that I had it all wrong. I discovered that code and design are unable to solve every problem on a design systems team, even if many problems can be solved by coding and designing in a dark room all day. Wait, huh? How on earth does that make any sense? Well...

Getting design system customization just right


I had a little rant in me a few months ago about design systems: "Who Are Design Systems For?" My main point was that there are so many public and open source ones out there that choosing one can feel like choosing new furniture for your house. You just measure up what you need and what you like...

The Guardian digital design system


Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what's gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders. I’ve been struggling...

Drop caps & design systems


Ethan Marcotte has written up his process for how to make drop caps accessible for screen readers and browsers alike. All of that is very interesting and I’m sure I’ll use a technique like this in the near future, but the part that made me hop out of my seat is where Ethan notes his experience with...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace