ã¯ã˜ã‚ã¦ã®BEM 勉強会コンテンツ紹介｜yiio社内ã§è¡Œãªã£ãŸå‹‰å¼·ä¼šã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¾ã¨ã‚ã§ã™ã€‚ 対象・複数人ãƒãƒ¼ãƒ ã§ã®Webフãƒãƒ³ãƒˆé–‹ç™ºåˆå¿ƒè€… ・html, css, scss書ã„ãŸã“ã¨ã¯ã‚ã‚‹ BEMã¨ã¯ãªã‚“ãžã‚„CSSè¨è¨ˆã€å‘½åè¦å‰‡ã®ã²ã¨ã¤ã€‚ã‚ã‚Šã‹ã—メジャーã§ã™ã€‚ベムã¨ã‚ˆã¿ã¾ã™ã€‚ ãã‚‚ãã‚‚CSSè¨è¨ˆã£ã¦è‰²ã€…ã‚ã‚‹ã‘ã©ãã®é•ã„ã¯ï¼Ÿã“ã¡ã‚‰ã®ãƒ–ãƒã‚°ãŒã‚ã¡ã‚ƒã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ã‚ãŸã—ã¯å°ã•ã„Webページãªã‚‰BEMã§ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ BEMã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ–ãƒãƒƒã‚¯ã¯ç‹¬ç«‹ãƒ‘ーツãªã®ã§ä»–ã®ãƒ‘ーツã«æ±šã•ã‚Œãªã„ ・他ã®äººãŒæ›¸ã„ãŸã‚¯ãƒ©ã‚¹åã§ã‚‚ã ã„ãŸã„ã®æ„図を予測ã§ãã‚‹ ・（BEMã«é™ã‚‰ãªã„ãŒï¼‰å‘½åã®æ–¹é‡ãŒã‚ã‚‹ã“ã¨ã§ç„¡é§„ãªæ™‚é–“ãƒã‚¹ã—ãªã„ ・ゴツã™ãŽãªã„ã®ã§å–り入れやã™ã„ 基本ã®è€ƒãˆæ–¹ãƒ»Block：デカイããã‚Š ・Element：ããã£ãŸä¸ã«ã‚ã‚‹è¦ç´ ・Modifier：上記2ã¤ã«çŠ¶æ…‹ã¨ã‹ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¤ã‘ãŸã„ã¨ãã«ä½¿ã† 例ãˆã°ã“ã‚“ãªã‹ã‚“ã˜ã®ãƒªã‚¹ãƒˆè¦ç´ ãŒã‚
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§å¤‰æ•°åや関数åã®ãƒãƒ¼ãƒŸãƒ³ã‚°ã«è¿·ã£ãŸã¨ãã«ä¾¿åˆ©ãªã‚«ãƒ³ãƒ‹ãƒ³ã‚°ãƒšãƒ¼ãƒ‘ーã¾ã¨ã‚
アンダースコアã¨ãƒã‚¤ãƒ•ãƒ³ã§åŠ¹çŽ‡ã‚ˆã„ファイル・フォルダ命å方法 | ClockMaker Blog
プãƒã‚°ãƒ©ãƒžãƒ¼ãŒå›°ã£ãŸæ™‚ã«èªã‚€ãƒ¡ãƒ¢ | ファイルã®å‘½åè¦å‰‡ã‚’考ãˆã¦ã¿ã‚‹ã€‚
classåã®ã¤ã‘æ–¹ | Takazudo Clipping*
http://www.isoffice.com/index.php?R%27s%20side%2FStartup%20Java%20Programing%2F1_3
HTML CSS ガイドライン – Kangaroonote
Classåã¨IDåã®å‘½åè¦å‰‡ | Blog hamashun.com
ã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ï½œCSS HappyLife
ã‚る技術者ã®å‚™å¿˜éŒ² » スタイルシートã®ã‚¯ãƒ©ã‚¹åã®å‘½åè¦å‰‡
スタイルシートã®classã€å¤§æ–‡å—・å°æ–‡å—ã®é•ã„ã«æ³¨æ„ [ホームページ作æˆ] All About![スタイルシートã®classã€å¤§æ–‡å—・å°æ–‡å—ã®é•ã„ã«æ³¨æ„ [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
(X)HTML ã® id/class ã«ãŠã‘る命åè¦å‰‡ on CSS Flight - Jun, 15th 2006 (6)
{{#tags}}- {{label}}
{{/tags}}