recentpopularlog in

garrettc : atomicdesign   17

Evaluating Tools For Building a Component Library
"Component libraries are living inventories of user interface elements (components). I hadn't yet built one for a client, but I'd heard of a few tools used to do so. What I didn't realize was just how many helpful tools there were. When deciding which to use, I realized I needed to define what I considered most important for this specific project. This post outlines that experience."
patternlibrary  designsystems  designthinking  atomicdesign 
january 2017 by garrettc
Component QA in Design Systems
"In systems, you better be ready for the next questions: “What do you mean by quality?” and “How do you assure that quality?” Your answer must be better than “We check stuff after we build it.”"
designsystems  patternlibrary  webdesign  atomicdesign  qualityassurance  testing 
january 2017 by garrettc
The Atomization of Your Brand Experience
"[…] the difficulty in recent years is that brand experiences have been on an accelerated path to atomization — the breaking down of a user’s brand experience into a distinct series of building blocks — with no slowing down in sight. These building blocks are sometimes called atoms, sometimes called cards, or sometimes called patterns."
patternlibrary  atomicdesign  webdesign  appdevelopment  webdevelopment  branding  cards  patterns 
january 2017 by garrettc
Website Style Guide Resources
A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries.
design  reference  styleguide  designthinking  webdesign  webdevelopment  atomicdesign  resource 
august 2016 by garrettc
pamgriffith/patternlab-exporter · GitHub
"I created a toy script to see if I can automate getting pattern lab patterns into a couple CMSs I use"
webdesign  webdevelopment  template  atomicdesign  cms 
september 2015 by garrettc
The Language of Modular Design · An A List Apart Article
"This article is SPOT ON about the value of language in shaping a team's vision of problems, tools, and solutions."
webdevelopment  webdesign  bestpractice  language  atomicdesign 
august 2015 by garrettc
Atomic Design Methodology
✎Atomic design is for user interfaces:

You can apply atomic design to any UI, like Instagram
responsivedesign  atomicdesign  instagram 
july 2015 by garrettc
Build your UI toolkit
Fabricator is a tool for building modular website design systems.
webdesign  webdevelopment  atomicdesign  designthinking  designsystems  patternlibrary 
april 2015 by garrettc
Creating Style Guides
Several years ago, I was working on a large, complex application. It was a bit of a legacy project: many different designers and front-end developers had come and gone, each appending a new portion to the sprawling application. By the time I arrived, the CSS was huge, the styles were varied, and it
styleguide  webdesign  webdevelopment  designsystems  atomicdesign 
april 2014 by garrettc

Copy this bookmark:





to read