[Web]Sass（Scss）+ Compassã®ãƒ†ãƒ³ãƒ—レートファイルを作æˆã—ãŸã®ã§æ™’ã—ã¦ã¿ã‚‹CSSを記述ã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸãƒ¡ã‚¿è¨€èªžã€Sass（Scss）+ Compassを覚ãˆã¦ã‹ã‚‰ã‹ãªã‚Šã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒæ¥½ã«ãªã£ã¦ããŸä»Šæ—¥ã“ã®é ƒã€‚ 「Sublime Textã€ã«Compassã¨Sassã‚’å°Žå…¥ã—ã¦ä»¥æ¥ãã‚Œã¯ãã‚Œã¯ãã®æ©æµã‚’ã‚ã‚ŠãŒãŸã享å—ã—ã¦ã„ã‚‹ã‚ã‘ãªã‚“ã§ã™ãŒã€ã“ã“ã„らã§ãã‚ãã‚æ–°ã—ã„サイト作æˆç”¨ã®ãƒ†ãƒ³ãƒ—レートを作ã£ã¦ãŠã“ã†ï¼ã¨æ€ã„ç«‹ã¡ã€Sass + Compass（ã¨ãã‚Œã«ä»˜å±žã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã®ãƒ†ãƒ³ãƒ—レファイルを作æˆã„ãŸã—ã¾ã—ãŸã€‚ テンプレートファイルã®æ§‹æˆ テンプレートファイルã¯â†‘ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚（以下「Sass（Scss）ã€ã¨æ¯Žå›žæ›¸ãã®ã‚‚é¢å€’ãªã®ã§Scssã§çµ±ä¸€ã—ã¾ã™ã€‚） ファイル㯠_vars.scss _common.scss _util.scss _layout.scss _main.scss style.scss ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®æ§‹æˆã¯ä¸»ã«hail2u.netã•
![[Web]Sass（Scss）+ Compassã®ãƒ†ãƒ³ãƒ—レートファイルを作æˆã—ãŸã®ã§æ™’ã—ã¦ã¿ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/6bff8a3529a2aad8042452490c6f368062c5bb83/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F130523_sass_top.jpg)
櫻田潤 | インフォグラフィック・エディター
http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/
é…色ã«æ‚©ã‚“ã ã¨ãã«ã€ãã£ã¨å½¹ç«‹ã¤7ã¤ã®é…色技法ã€åŸºæœ¬ã€‘
{{#tags}}- {{label}}
{{/tags}}