「BEMã€+「Sassã€ã§ã‚¹ãƒƒã‚リ見やã™ã„スタイリッシュãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’書ã„ã¦ã¿ãŸã„ BEM[基礎編] | ジーニアスブãƒã‚° – WEB制作会社ジーニアスウェブã®ãŠå½¹ç«‹ã¡ãƒ–ãƒã‚°2018.04.04 Wed 「BEMã€+「Sassã€ã§ã‚¹ãƒƒã‚リ見やã™ã„スタイリッシュãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’書ã„ã¦ã¿ãŸã„ BEM[基礎編] BY.石野 çœŸç´ #Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã¯ã˜ã‚ã¾ã—ã¦ã€æ–°å…¥ç¤¾å“¡ã®çŸ³é‡Žã§ã™ã€‚ 昨年ã¯è¦‹ã«è¡Œãã®ãŒé…ãã¦ã¡ã‚‡ã£ã¨æ®‹å¿µãªãŠèŠ±è¦‹ã§ã—ãŸãŒ 今年ã¯ã‚レイãªæ¡œãŒè¦‹ã‚Œã¦å°‘ã—ãƒãƒƒãƒ”ーãªä»Šæ—¥ã“ã®é ƒã€‚ 社内ã§CSSã®å‘½åè¦å‰‡ã‚’BEMã§ã‚„ã£ã¦ã風潮ã ã¨èžã„ãŸã®ã§ ã“れを機ã«ã—ã£ã‹ã‚Šèª¿ã¹ã¦è¦‹ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ BEM・Sassã®åŸºç¤Žã‹ã‚‰ ï¼’ã¤ã‚’åˆã‚ã›ã¦ã€æ›´ã«ã‚¹ãƒƒã‚リã•ã›ã‚‹æ–¹æ³•ã¾ã§ 連載ã§ãŠå±Šã‘ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯BEMã¨ã¯ä½•ã‹ Yandexã¨ã„ã†ä¼šç¤¾ãŒè€ƒãˆãŸCSSã®å‘½åガイドラインã¿ãŸã„ãªã‚‚ã®ã€‚ ï¼‘ï¼šç´ æ—©ãã€ãã—ã¦é•·ã使ãˆã‚‹ã‚ˆã†ã« ２：大人数ã§ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚スピードãŒè½ã¡ãšã€ãƒ¡ãƒ³ãƒ†ã‚‚ã—ã‚„ã™ã„ ３：別ã®å ´æ‰€ã§å†åˆ©ç”¨ãŒç°¡å˜ã«è¡Œãˆã‚‹ã»ã©æ˜Žç¢ºãªå‘½å ４：拡張も容易ã§ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’見る
[CSSè¨è¨ˆ] ç§ã®ãŸã‚ã®FLOCSSã¾ã¨ã‚ - Qiita![[CSSè¨è¨ˆ] ç§ã®ãŸã‚ã®FLOCSSã¾ã¨ã‚ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6e4205cb63d37afdc3a94a9dc478d0acb1cb81c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQ1NTJUU4JUE4JUFEJUU4JUE4JTg4JTVEJTIwJUU3JUE3JTgxJUUzJTgxJUFFJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFFRkxPQ1NTJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz01M2NmYmJlNzZiNTA0NjllYjVkNDc5NmYyZDJmMWYzMQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzdXBlci1tYW5hLWNoYW4mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY0YmM5NGI1OTlkNDkyMWUxYmU2MzAzZTQ2MGViYzM3%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U09SSUNI%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D90834c4f84e9bbce7b511fc34a3ad75e)
コードを書ã„ã¦é‡‘を稼ã - kuenishi's blog
{{#tags}}- {{label}}
{{/tags}}