モダンãªCSSè¨è¨ˆãƒ‘ターンを考ãˆã‚‹
This document discusses modern CSS architecture patterns. It introduces concepts like OOCSS, SMACSS, and BEM for organizing CSS in a modular, scalable and maintainable way. It provides examples of how to build reusable CSS modules and maintain them through techniques like naming conventions, categorization and decoupling CSS from HTML. The presentation emphasizes goals of building predictable, reu
OOCSS（オブジェクト指å‘CSS）ã®ã‚¹ã‚¹ãƒ¡ | hijiriworld Web
ã€OOCSS】 <div class="box box-red"></div> <div class="box box-blue"></div> .box { width: 50px; height: 50px; } .box-red { border: 1px solid red; background-color: #FFCCCC; } .box-blue { border: 1px solid blue; background-color: #66CCFF; } ã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ã„ã¾ã¾ã§ã€ŒOOCSSã€ã¨ã„ã†è¨€è‘‰ã‚’知らãªãã¦ã‚‚ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアやã€ã‚る程度経験ã®ã‚ã‚‹Webデザインナーã§ã‚ã‚Œã°ã€åŠ¹çŽ‡åŒ–を図るãŸã‚ã«è‡ªç„¶ã«ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ã“ã®è€ƒãˆæ–¹ã‚’体系化ã—ã¦ã¾ã¨ã‚ãŸã‚‚ã®ãŒOOCSSã§ã™ã€‚ ã§ã¯æ¬¡ã«OOCSSãŒã©ã®ã‚ˆã†ãªè€ƒãˆæ–¹ã®ã‚‚ã¨ã«è¨è¨ˆã•ã‚ŒãŸã®ã‹ã‚’見ã¦ã„ãã¾ã—
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}