Compassã§æ›¸ã出ã™CSSファイルを軽é‡åŒ–ã™ã‚‹Compassã§æ›¸ã出ã™CSSファイルを軽é‡åŒ–ã™ã‚‹ Compassã¯ä¾¿åˆ©ãªåŠé¢ã€æ›¸ã出ã•ã‚Œã‚‹CSSã®ã‚µã‚¤ã‚ºãŒéžå¸¸ã«å¤§ãããªã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚è¨å®šã‚’変更ã™ã‚‹ã“ã¨ã§æ›¸ã出ã•ã‚Œã‚‹CSSファイルã®å®¹é‡ã‚’削減ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Step1.圧縮ã™ã‚‹ コンパイル時ã«åœ§ç¸®ã‚ªãƒ—ションを指定ã™ã‚‹ã“ã¨ã§æ”¹è¡Œã‚„空白をå–り除ã„ãŸå½¢ã§æ›¸ã出ã—ã¦ãã‚Œã¾ã™ã€‚config.rbã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§åœ§ç¸®ã—ã¦ãã‚Œã¾ã™ã€‚ output_style = :compressed Step2.無駄ãªãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックスをå–り除ã(ブラウザ別) Compassã®CSS3ミックスインã¯ä¾¿åˆ©ãªåé¢éŽå‰°ãªãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックスをã¤ã‘ã¾ã™ã€‚ Sassファイルã®å†’é ã«ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€Œ-o-ã€ã‚„「-ms-ã€ã€ã€Œ-moz-ã€ã¨ã„ã£ãŸãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—リフィックス付ã®ãƒ—ãƒãƒ‘ティãŒæ›¸ã出ã•ã‚Œãªããªã‚Šã¾ã™ã€‚Operaã¯ç¾
WEBデザイナー/コーダーã§ã‚‚15分ã§å°Žå…¥å‡ºæ¥ã‚‹SCSS+Compass
Macã®CodeKitã§Compassを使ã†
ズルã„デザイン（2）：Sassã‚„Compassを使ã£ã¦ã€ã‚ºãƒ«ã„デザインテクニック (1/2) - ï¼ IT
åˆã‚ã¦Sassã¨Compassを使ã£ãŸéš›ã«å‚考ã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
Sassã¨Compassã§Spriteç”»åƒã‚’作る
コーダー必見ã€SCSS・Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—｜Retina Display対応CSS Spriteç·¨ | DevelopersIO
Sublime Text 2ã§ã‚³ãƒ³ãƒ‘イル編 ｜ クラスメソッド開発ブãƒã‚°
Sublime Text 2 㧠Sass/compass ã®ã‚³ãƒ³ãƒ‘イルãŒã§ãるパッケージ 『Compass〠« shilog
{{#tags}}- {{label}}
{{/tags}}