CSS Utility Classes and "Separation of Concerns"
Software developer, author, and host of Full Stack Radio. August 7, 2017 Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS." Writing CSS this way can evoke a pretty visceral reaction from a lot of developers, so I'd like to explain how I got to this point and share some of the lessons a
CSS Architecture for Design Systems
We just created a design system for a huge organization and established a CSS architecture we’re quite pleased with. It’s one of the first times I’ve ever gotten to a project’s finish line without wishing I’d done at least a few things differently. So I thought it would be great to share how we went about creating our system’s CSS architecture. To give a bit of a context for the project, we were t
リノベーション・注文ä½å®…ã®ãƒ—ãƒã¨å‡ºä¼šã†ï½œSUVACO(スãƒã‚³)
自分らã—ã„家ã€èª°ã¨ã¤ãる？ 自分らã—ã„家をã¤ãã‚ŠãŸã„。 新築ã«ã™ã‚‹ï¼ŸãƒªãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ï¼Ÿã©ã‚“ãªä½ã¾ã„ã«ã—よã†â€¦ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ã©ã‚“ã©ã‚“ãµãらむã‘ã‚Œã©ã€ ç´å¾—ã§ãる家をã¤ãã‚‹ãŸã‚ã«ã€æœ¬å½“ã«å¤§åˆ‡ãªã®ã¯ã€Œèª°ã¨ã¤ãã‚‹ã‹ã€ã€‚ SUVACO（スãƒã‚³ï¼‰ã¯å®¶ã¥ãã‚Šã‚’ã—ãŸã„人ã¨ãれを手掛ã‘る専門家ãŒå‡ºä¼šã†å ´æ‰€ã§ã™ã€‚
Welie.com - Patterns in Interaction Designインタラクション集
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
ラプラスå–èª¬ç ”ç©¶æ‰€
ã”ã‚ã„ã•ã¤ å½“ç ”ç©¶æ‰€ã¯ã€Œã‚ã‹ã‚Šã‚„ã™ã„å–扱説明書（マニュアル）ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã¨ã„ã†è¦–点ã‹ã‚‰ã€ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®é–“ã«ã‹ã‘橋を渡ã™ã€ã“ã¨ã‚’目指ã™ã€ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆï¼ˆæƒ…å ±å¤§å·¥ï¼‰ã§ã™ã€‚ å„種マニュアルやインターフェースã®åˆ¶ä½œãƒ»è©•ä¾¡ã‚’ã¯ã˜ã‚ã¨ã—ã¦ã€æ–‡æ›¸æƒ…å ±ç³»ã‚’ä¸å¿ƒã¨ã—ãŸæƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢é€£ã™ã‚‹æ¥å‹™ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ æƒ…å ±ã®ç™ºä¿¡ã ã‘ã§ãªãã€ç©æ¥µçš„ãªæƒ…å ±å…±æœ‰ã‚’é€šã˜ã€æˆ‘ãŒå›½ã®çŸ¥çš„インフラã®åº•ä¸Šã’ã®ä¸€åŠ©ã¨ãªã‚‹ã‚ˆã†åŠªåŠ›ã—ã¦ã„ã¾ã™ã€‚ 実際ã®æ¥å‹™æ´»å‹•ã¯ã€æœ‰é™ä¼šç¤¾æ–‡æ›¸æƒ…å ±è¨è¨ˆã«ã¦è¡Œã£ã¦ãŠã‚Šã¾ã™ã€‚ã“ã®Webサイトをã”覧ã«ãªã£ã¦ã€ã€Œå…·ä½“çš„ã«ã©ã®ã‚ˆã†ãªæ¥å‹™ã‚’担当ã—ãŸã®ã‹çŸ¥ã‚ŠãŸã„ã€ã€Œä»•äº‹ã‚’発注ã—ãŸã„ã€ã¨ãŠè€ƒãˆã®æ–¹ãŒã„らã£ã—ゃã„ã¾ã—ãŸã‚‰ã€æœ‰é™ä¼šç¤¾ æ–‡æ›¸æƒ…å ±è¨è¨ˆã®Webサイトをã”覧ã„ãŸã ããŸãæ€ã„ã¾ã™ã€‚ æ–°ç€æƒ…å ±ï¼ˆæœ€æ–°5件） æƒ…å ±å¤§å·¥ã®ã²ã¨ã‚Šã”ã¨æ›´æ–°ã—ã¾ã—ãŸï¼ˆ2015.1.16） 有é™ä¼šç¤¾ æ–‡æ›¸æƒ…å ±è¨è¨ˆã®
1
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPhoneãŒç™ºè¡¨ã•ã‚ŒãŸåŠ‡å ´ã«ã€å»ºç¯‰å®¶ãŸã¡ãŒã€Œç‹‚æ°—ã€ã¨æ¼ã‚‰ã™ç†ç”±
Pusher | Leader In Realtime Technologies
Houzz for Pros and Homeowners | Build and Design Software | Try Free for 30 Days
建築ブックマーク
Stcsig.org
http://www.iawiki.net/IAwiki
AIFIA | Asilomar Institute for Information Architecture | Home
{{#tags}}- {{label}}
{{/tags}}