ã€CSSè¨è¨ˆæ‰‹æ³•ã€‘BEMã€OOCSSã€SMACSSã®é•ã„ã¨ç‰¹å¾´ã®ã¾ã¨ã‚ | Web Design TrendsCSSã®è¨è¨ˆæ‰‹æ³•ã¨ã¯ã€CSSã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚„作æ¥åŠ¹çŽ‡ã‚’å‘上ã•ã›ã‚‹ãŸã‚ã®HTMLã®ã‚¯ãƒ©ã‚¹åã®ä»˜ã‘æ–¹ã¨ã€CSSã®ã‚³ãƒ¼ãƒ‰ã®ç®¡ç†æ–¹æ³•ã®è€ƒãˆæ–¹ã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚命åè¦å‰‡ãªã©ã¨ã‚‚呼ã°ã‚ŒãŸã‚Šã—ã¾ã™ã。 ページ数ãŒå°‘ãªãã€ã‚³ãƒ¼ãƒ‰é‡ã‚‚ãã“ã¾ã§å¤šããªã„よã†ãªå ´åˆã¯ã‚ã¾ã‚Šæ°—ã«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å¤§ããªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãªã‚‹ã¨CSSã®è¨è¨ˆæ‰‹æ³•ã‚’å–り入れるã“ã¨ã§æ§˜ã€…ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã€CSSã®è¨è¨ˆæ‰‹æ³•ã«é–¢ã™ã‚‹åŸºæœ¬ã¨ã€3ã¤ã®äººæ°—ã®CSSã®è¨è¨ˆæ‰‹æ³•ã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ メンテナンス性ãŒå‘上ã™ã‚‹ CSSã®è¨è¨ˆæ‰‹æ³•ã‚’æ£ã—ãå–り入れるã“ã¨ã«ã‚ˆã£ã¦ã€å…¨ä½“çš„ã«ç®¡ç†ã®è¡Œã届ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’記述ã™ã‚‹ã“ã¨ãŒã§ãã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ãŒå‘上ã—ã¾ã™ã€‚ 逆ã«ã€ç…©é›‘ã«ãªã£ã¦ã—ã¾ã£ãŸã‚³ãƒ¼ãƒ‰ã§ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã®å„ªå…ˆé †ä½ãŒè¤‡é›‘ã«ãªã£ã¦ã—ã¾ã£ã¦ã„ãŸã‚Šã€!importantãŒéšæ‰€ã§ç™»å ´ã—ã¦ã—ã¾ã£ã¦ã„るよã†ãªã‚³ãƒ¼ãƒ‰ã®ã“ã¨ã§ã€ä¸€åº¦ã‚³ãƒ¼ãƒ‰ãŒå´©å£Šã—ã¦ã—ã¾ã†
CSSã®ã‚³ãƒ¼ãƒ‰ã‚’æ•´ç†ã—ã€åŠ¹çŽ‡çš„ã«ç®¡ç†ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚
モジュール開発ã§ã®CSSè¨è¨ˆï¼ˆfor Drupal8） - Qiita
SMACSS+BEMã«ã‚ˆã‚‹ãƒ†ãƒ¼ãƒžè¨è¨ˆï¼ˆfor Drupal8） - Qiita
{{#tags}}- {{label}}
{{/tags}}