Home | CCSS
Swiss-army knife for custom CSS-in-JS and design-system needs. Shorthands, custom properties, value maps, design tokens, static/dynamic extraction, and much more... Tiny coreCCSS is an opinionated, low-level utility to deal with CSS style objects. It's not an out-of-the-box styling solution. It helps you deliver your own, tailor-made tool. It is built on the top of transformed (3.8 kB, 1.5 kB comp
アトミックデザインã®æ‹¡å¼µ - Extending Atomic Design | Graat（グラーツ）-ã‚°ãƒãƒ¼ã‚¹ãƒ»ã‚¢ãƒ¼ã‚テクãƒãƒ£ï¼†ãƒãƒ¼ãƒ ã‚¹æ ªå¼ä¼šç¤¾
unsafe:ã“ã®ãƒ‰ã‚ュメントã¯ã€ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ‹¡å¼µã«ã¤ã„ã¦æ›¸ã‹ã‚ŒãŸè¨˜äº‹ Extending Atomic Design（http://bradfrost.com/blog/post/extending-atomic-design/） ã®ç¿»è¨³ã§ã™ã€‚ アトミックデザインã¯éšŽå±¤çš„ãªUIデザインシステムを作るãŸã‚ã®æ–¹æ³•è«–ã§ã™ã€‚ 本記事ã§ã¯ã€æ›¸ç±ã€ŒAtomic Designã€ã®è‘—者 Brad Frost æ°ã«ã‚ˆã£ã¦ã€é€²åŒ–ã—続ã‘るデザインシステム周りã®è¨€è‘‰ã‚„戦略ã«ä¼´ã„ä»–ã®ã‚³ãƒ³ã‚»ãƒ—トã«ã‚‚アトミックデザインã®è€ƒãˆã‚’広ã’ã¦ã„ã方法やã€ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹æœ€æ–°ã®è€ƒãˆãŒè¿°ã¹ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ アトミックデザインã®æ‹¡å¼µ アトミックデザインも今ã§ã¯6æ³ã«ãªã‚Šã¾ã—ãŸã€‚（ã“ã‚Œã¯ã‚¸ãƒ§ãƒ¼ã‚¯ã§ã™ï¼ï¼‰ ãƒãƒ¼ãƒ ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’階層状ã‹ã¤ã€ç›¸äº’ã«é–¢ä¿‚ã—åˆã£ã¦ã„るコンãƒãƒ¼ãƒãƒ³ãƒˆã®çµ„ã¿åˆã‚ã›ã§ã‚ã‚‹ã¨æ‰ãˆã¦ã€å®Ÿéš›ã®
Extending Atomic Design
Atomic design is now over 6 years old (which is nuts!). I’m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. I thought I’d be sick of talking about this by now, but I’m still passionate about atomic design after hearing so many success stories, as well as w
Alternative Atomic Designã‚’ã•ãŒã—㦠| よりデザイン
DMMã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã€ŽReact開発　ç¾å ´ã®æ•™ç§‘書ã€ã®è‘—者ã§ã‚‚ã‚る石橋啓太ã•ã‚“ã«ãŠå£°ãŒã‘é ‚ã„ã¦ã€ŽReactã¨AtomicDesignã‹ã‚‰ã¿ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–‹ç™ºã€ã§ãŠè©±ã‚’ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ テーマã¯å€‹äººçš„ã«é–¢å¿ƒã®ã‚ã£ãŸã€ŒAtomic Designã®ä»£æ›¿ã€ã‚’é¸ã³ã¾ã—ãŸã€‚Atomic Designã¨è¨€ãˆã°ã€ã„ã¾ã‚„国内外å«ã‚ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã‚’ã™ã‚‹éš›ã«å¤šãã®äººãŒå‚ç…§ã™ã‚‹æ¦‚念ã§ã™ãŒã€ã™ã¹ã¦ã®ç’°å¢ƒã«é©åˆ‡ã‹ã¨è¨€ãˆã°ãã‚Œã¯ã¾ã ç–‘å•ã‚’残ã™ä½™åœ°ãŒã‚ã‚Šã¾ã™ã€‚ 「Atomic Designを採用ã—ã¦ã¿ãŸã‘ã©ã—ã£ãã‚Šã“ãªã‹ã£ãŸã®ã§è‡ªåˆ†ãŸã¡ã«åˆã£ãŸæ¦‚念を考ãˆã¦ã¿ãŸã€ã¨ã„ã†å€‹äººãƒ»çµ„ç¹”ãŒã„ã‚‹ã®ã¯Mediumã®è¨˜äº‹ãªã©ã‚’通ã˜ã¦çŸ¥ã£ã¦ã„ãŸã®ã§ã€ãã†ã„ã£ãŸäº‹ä¾‹ã‚’集ã‚ã¦ã¿ãŸã‚‰é¢ç™½ã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã£ãŸã®ãŒã“ã®ãƒ†ãƒ¼ãƒžã‚’é¸ã‚“ã ãã£ã‹ã‘ã§ã™ã€‚完全ã«è¶£å‘³ã§ã™ã€‚ Atomic Designã¸ã®ç–‘å• Atomic Designã«ã¤ã„ã¦çŸ¥
Mercari UK’s New Look & Design System
From today, Mercari has a bold, inclusive new look for the UK and a new design system you can see live on iPhone and Android. We think it’s kind of a big deal. Started in Japan now we’re hereLet’s rewind 12 months. Mercari, the number one marketplace in Japan, lands in London along with the red box that is its iconic logo, eager to be picked up at baggage claim and introduce itself to the UK. Make
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Design Better | The Curiosity Department | Substack
{{#tags}}- {{label}}
{{/tags}}