OOCSS(Object-Oriented CSS)ã®è€ƒãˆæ–¹ - in0in0ã®æ—¥è¨˜CSSã§ã‚µã‚¤ãƒˆã‚’作るã¨ãã€ãƒšãƒ¼ã‚¸ã‚’idã§åŒºåˆ‡ã‚Šã€ãã®ä¸ã®classã«å¯¾ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã™ã‚‹ã¨ã„ã†ã‚„ã‚Šæ–¹ãŒä¸€èˆ¬çš„ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ #page-foo .box {margin:10px } #page-baa .box {margin:20px }ã—ã‹ã—ã€ã„ã–ã‚ã®ãƒšãƒ¼ã‚¸ã®ã“ã®éƒ¨åˆ†ã‚’ã“ã®ãƒšãƒ¼ã‚¸ã«æŒã£ã¦ããŸã„…ã¨ãªã‚‹ã¨CSSファイルã”ã¨æŒã£ã¦ã“ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€ç§»è»¢å…ˆã®classåã¨ãƒãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã—ã¾ã†ãªã©å†åˆ©ç”¨ãŒé›£ã—ã„ã¨ã„ã†åé¢ã‚‚ã‚ã‚Šã¾ã™ã€‚ 今回仕事ã§ã‚µã‚¤ãƒˆã‚’構築ã™ã‚‹ã«ã‚ãŸã‚Šã€å†åˆ©ç”¨å¯èƒ½ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§æ§‹æˆã™ã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã‹ã‹ã‚‹å·¥æ•°ã¯æ¸›ã‚‹ã®ã§ã¯ã¨è€ƒãˆã¦ã„ãŸã®ã§ï¼ˆç‰¹ã«IEã®ãƒã‚°é–¢é€£â€¦æ¤œè¨¼æ¸ˆã¿ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§æ§‹æˆã™ã‚Œã°ç¢ºå®Ÿï¼ï¼‰å†åˆ©ç”¨æ€§ã¨ãƒ‘フォーマンスをé‡è¦–ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークOOCSSã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ OOCSSã®åŸºæœ¬çš„ãªè€ƒãˆæ–¹ 目的別ã«classを複数指定ã™ã‚‹ã€‚ idã«ä¾å˜ã™ã‚‹
OOCSS ã® Spacing クラスã®ã‚ˆã†ãªã‚‚ã®ã‚’ Sass ã§
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
http://html5please.us/
アクセシビリティã‚ャンプæ±äº¬ ã‚ックオフ
html5 - Where to find good resources to learn HTML 5, and know more about it? - Stack Overflow
Dreamweaverã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ューを使ã„倒ã™ãŸã‚ã«è¦šãˆã¦ããŸã„ã“㨠| Webデザインã®ã‚¿ãƒ
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
jQuery時代ã«ç”Ÿãるクãƒã‚¹ãƒ–ラウザ対応ã®çŸ¥æµ 8é¸ : tech.kayac.com - KAYAC engineers' blog
jQuery を高速ã«ä½¿ã† CSS セレクタã®æ›¸ãæ–¹ - ã¦ã£ã煮ブãƒã‚°
DOM Readyå‰ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹æ–¹æ³•ï¼ˆjQuery.liveã®ç´¹ä»‹ï¼‰ - KAYAC Engineers' Blog
{{#tags}}- {{label}}
{{/tags}}