Garden is the design system by Zendesk. It’s where we grow the components, standards, and tools that product designers use every day.
You can browse the style guide using the navigation on the left. Styleguide components are published to NPM. The registry of all packages available with current versions can be found here: https://www.npmjs.com/~eurostar-npm Documentation, Design elements, Components and their variants have been given statuses reflecting their state of completion. Statuses are listed below Design elements and comp
本稿は(序)(破)(Q)のシリーズの2番目の記事(破)になります。 シリーズ(序)ではAtomic Designの概要 を、 シリーズ(Q)ではAtomic Designの実装例を説明していますので、そちらをご覧ください。 Atomic Design(アトミックデザイン)とは、UI(画面)をコンポーネント単位で設計し、それらを組み合わせて使い回し可能なUIを作成するための手法です。 Atomic Designの考えのものとUIコンポーネントを切り出していくことはいくつかの利点があります。 しかし、Atomic Design はUIを構築するための方法論でしかありません。 つまり、デザインや実装方法、運用方法は独自に考える必要があります。 実際に導入してみるといくつか乗り越えなくてならないハードルが存在することがわかりました。 本稿(破)ではそのハードルを乗り越えるために、どのような工夫した
DMM.com ラボさまの社内勉強会にお声がけ頂き、「Atomic Design & Design Systems」というテーマでお話させて頂きました。 当日の構成 勉強会のテーマがAtomic Designについてだったので、前半はGUILDさん勉強会でお話させて頂いた内容を少し持ってきました。 後半ではAtomic Designの視点をもう少し広げて、Design System(毎回デザインシステム表記とどっちにしようか悩む)全般について、僕が調べたり考えたことをまとめました。 と言っても自分は何かしらのデザインシステムを取り入れたり実践したりと言った経験はありません。そのため、内容のほとんどは海外の事例や記事の引用・意訳になります。Design Systemについてまとまった情報が知りたい!という方には有益かと思いますが、基本的なことは知ってるよーという方にはあまりお役に立てないと思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く