ç´°ã‹ã™ãŽã‚‹ã‘ã©ä¼ã‚ã£ã¦ã»ã—ã„ç§çš„BEMプラクティス30（ãらã„）BEMã®ã„ã„ã¨ã“ã‚ã¯ã€ãã‚ŒãŒä½•è€…ãªã®ã‹ãŒæ˜Žç™½ã¨ã„ã†ã“ã¨ã«å°½ãる。ã¨ã‚ã‚‹è¦ç´ を見ãŸã¨ãã«ã€ãã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒã©ã“ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã‹ã€ä½•ã‚’表ã—ã¦ã„ã‚‹ã®ã‹ãŒã‚¯ãƒ©ã‚¹åを見れã°ã‚ã‹ã‚‹ã€‚手を入れる際もã€ã©ã“ã«è¿½è¨˜ã™ã‚Œã°ã‚ˆã„ã®ã‹ã€ã©ã‚Œãらã„ã®å½±éŸ¿ã‚’åŠã¼ã™ã®ã‹ã®å¤§éƒ¨åˆ†ãŒæŽ¨æ¸¬ã§ãる。 レスãƒãƒ³ã‚·ãƒ–・デザインã¨ç›¸æ€§ãŒã„ã„ã¨ã‹ã€æµè¡Œã‚Šã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã¨ç›¸æ€§ãŒã„ã„ãªã©ã€BEMã®è‰¯ã•ã¯ä»–ã«ã‚‚ã„ãã¤ã‹æŒ™ã’られるã‘ã©ã€æ±ºå®šçš„ãªã®ã¯æ˜Žçžã•ã§ã‚ã‚‹ã¨æ€ã†ã€‚ BEMを使ã„ã¯ã˜ã‚ã¦ã‹ã‚Œã“れ３，４年ãらã„経ã£ãŸã€‚ãã®é–“ã«è‰²ã€…ãªå‘½åè¦å‰‡ã‚„è¨è¨ˆæ€æƒ³ãŒç™»å ´ã—ã¦ããŸã‘ã‚Œã©ã‚‚ã€ä»Šã®ã¨ã“ã‚ã¯æµ®æ°—ã™ã‚‹ç¨‹ã®é…力を他ã«æ„Ÿã˜ã‚‹ã“ã¨ã‚‚ãªãBEM一ç‹ã§ã‚„ã£ã¦ãã¦ã„る。ãŸã ã—実践ã™ã‚‹ã«ã¤ã‘ã¦ã€ã‚ˆã‚Šæ˜Žçžã§ç ´ç¶»ã—ã¥ã‚‰ã„è¨è¨ˆã‚’実ç¾ã™ã‚‹ãŸã‚ã«ã€æ§˜ã€…ãªåˆ¶ç´„やガイドをè¨ã‘ã¦ã‚„ã£ã¦ããŸã®ã§ã€ã€Œã‚‚ã¨ã‚‚ã¨ã®BEMã€ã‹ã‚‰ã¯å¤šå°‘ãªã‚Šé›¢ã‚Œã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 ãŸã ã—ã€ãã‚Œã¯BEM
PostCSS ã¾ã¨ã‚ - Qiita
コーダー必見ã€SCSS・Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—｜Retina Display対応CSS Spriteç·¨ | DevelopersIO
{{#tags}}- {{label}}
{{/tags}}