BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„記法 - アインシュタインã®é›»è©±ç•ªå·BEMを使ã£ãŸå‘½åãŒã¨ã¦ã‚‚明快ã§ã€ã“ã®ã¨ã“ã‚HTMLã‚„CSSを書ãã®ã«ã‚ˆã使ã£ã¦ã„る。CSSã®ã‚¯ãƒ©ã‚¹åã¨ã—ã¦æ›¸ãå ´åˆã¯ã€BEMã‚’CSS用ã«ä½¿ã„ã‚„ã™ãã—ãŸMindBEMdingã¨ã„ã†æ›¸ã方を採用ã—ã¦ã„る。最åˆã«ã“れを知ã£ãŸã¨ãã¯ã€Œã“ã‚“ãªæ±šã„記述ã®ä»•æ–¹ã¯ä½¿ã„ãŸããªã„ã€ã¨æ€ã£ã¦ãŸã‚“ã ã‘ã©ã€ã™ã£ã‹ã‚Šæ…£ã‚Œã¦ã€ä»Šã§ã¯ãã®æ˜Žå¿«ã•ã«ã¡ã‚‡ã£ã¨å¿ƒé…”ã—ã‹ã‘ã¦ã„ã‚‹ã»ã©ã€‚ BEMã®æ–¹æ³•è«–ã¨MindBEMdingã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œã®æ–‡æ›¸ã‚’èªã‚“ã§ã‚‚らã†ã¨ã—ã¦ã€ãれらをã²ã£ãã‚‹ã‚ã¦å¤§é›‘把ã«èª¬æ˜Žã™ã‚‹ã¨ã€BEMã¨ã¯Blockã€Elementã€Modifierã®é æ–‡å—ã‚’å–ã£ãŸã‚‚ã®ã§ã€æ§‹æˆã™ã‚‹è¦ç´ ã‚’ãã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã‚ã¦å‘½åã—ã¦ã„ã方法。ã©ã®å ´åˆã§ã‚‚å¿…ãšBlockã‚‚ã—ãã¯ãã®ModifierãŒãƒ«ãƒ¼ãƒˆã«ã‚ã‚Šã€ãã®ä¸ã«ã€æ‰€å±žã™ã‚‹Elementã‚‚ã—ãã¯ãã®ModifierãŒå«ã¾ã‚Œã‚‹æ§‹æˆã«ãªã‚‹ã€‚ Block - 構æˆã®ãƒ«ãƒ¼ãƒˆã¨ãª
Sassフレームワークã®Compassã§CSS SpriteãŒç°¡å˜ã«ã§ãã‚‹
Sassã®!defaultフラグã®ä½¿ã„æ–¹ã¨ä½¿ã‚れ方
ColourCode: Color Palette Generator | Toptal®
ã¡ã‚ƒã‚“ã¨CSSを書ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©±
https://qiita.com/debiru/items/28d54b5c1e295d880cd3
Compassã§ãƒ‡ãƒ¼ã‚¿URI スã‚ーム
Sass Style Guide | CSS-Tricks
ã€Sassを覚ãˆã‚ˆã†ï¼Vol.4】Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³•
Sass ã® @extend ã¯ã©ã“ãŒã™ã”ã„ã®ã‹
Google Chromeã§CSSãŒSassã®ä½•è¡Œç›®ã«è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã‹ç¢ºèªã™ã‚‹æ–¹æ³•
hanatoweb.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - hanatoweb リソースãŠã‚ˆã³æƒ…å ±
Sass + Compass ã®åŸºæœ¬å°Žå…¥ã¨è¨å®šãƒ•ã‚¡ã‚¤ãƒ« config.rb ã«ã¤ã„ã¦
Responsive Web Design In Sass Using Media Queries In Sass 32 – TheSassWay.com
{{#tags}}- {{label}}
{{/tags}}