å …ç‰¢ã§ä¿å®ˆçš„ãªæœ€ä½Žé™åº¦ã® CSS è¨è¨ˆ - QiitaCSS è¨è¨ˆã§ã„ã†ä¿å®ˆæ€§ã¨ã¯ã€æ–°ã—ã„ルールã®è¿½åŠ ・更新ã®ã—ã‚„ã™ã• ã‚’ã‚らã‚ã™ã€‚ä¿å®ˆæ€§ã‚’高ã‚ã‚‹ãŸã‚ã«ã¯ã€å¤‰æ›´ã®å±€æ‰€åŒ–ã€ä»–ã®ãƒ«ãƒ¼ãƒ«ã¸ã®å‰¯ä½œç”¨ã‚’最å°ã«ã™ã‚‹ã‚¢ãƒ¼ã‚テクãƒãƒ£ を採用ã—ã¾ã™ã€‚ CSS è¨è¨ˆ è¨è¨ˆæ€æƒ³ã¯ FLOCSS ベース㮠ECSS + rscss + Tailwind CSS ã®ã„ã„ã¨ã“å–ã‚Š 命åè¦å‰‡ã¯ MindBEMding （以é™ã€BEM） 開発言語㯠Sass + PostCSS コンãƒãƒ¼ãƒãƒ³ãƒˆç²’度 FLOCSS ã§ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„ã¦ç¹°ã‚Šè¿”ã•ã‚Œã‚‹ãƒ“ジュアルパターンをã™ã¹ã¦ Object ã¨ã—ã¦å®šç¾©ã—ã¾ã™ã€‚Object ã«ã¯ã€Component 㨠Project ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒã‚ã‚Šã€ã“ã® 2 ã¤ã®åˆ¤åˆ¥ã«ãŠã„㦠Atomic Design ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç²’度ã®è€ƒãˆã‚’æ‹å€Ÿã—ã¾ã™ã€‚具体的ã«ã¯ã€ Component：Atoms Project：Molecules ã«åˆ†é¡žã—ã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}