2013 å¹´ã®æ–°å’ç ”ä¿®ãƒ¡ãƒ‹ãƒ¥ãƒ¼You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
orangemittoo's blog
compassã§ç”»åƒã‚’使ã†æ™‚ã®ãƒ‘ス compassã®æ©Ÿèƒ½ã§spriteç”»åƒã‚’自動生æˆã§ãる機能ãŒã‚ã‚Šã¾ã™ãŒã€ WEBフレームワークç‰ã‚’使用ã—ã¦ã„る㨠パーツ画åƒã‚’指定ã™ã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®ãƒ‘スã¨ã€å®Ÿéš›ã«CSSã«å‡ºåŠ›ã•ã‚Œã‚‹backgroundã®ãƒ‘スã¯åˆ¥ã€…ã«ã—ãŸã„ã¨ã„ã†ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã®å ´åˆconfig.rbã®è¨å®šã§ã€ images_dirã«ãƒ‘ーツ画åƒã®ãƒ‘ス〠http_generated_images_pathã«CSSã«å‡ºåŠ›ã•ã‚Œã‚‹ãƒ‘スをè¨å®šã™ã‚‹ã¨CSSã«ã¯http_generated_images_pathã§è¨å®šã•ã‚ŒãŸãƒ‘スãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ /* config.rb */ css_dir = "./" sass_dir = "./" /* パーツ画åƒã®ãƒ‘ス */ images_dir = "../img" /* CSSã«å‡ºåŠ›ã•ã‚Œã‚‹ãƒ‘ス */ http_generated_images_
[Compass] 超訳 Configuration Reference
CSSã®ãƒ¡ã‚¿è¨€èªžã€Sassベースã§ä½œã‚‰ã‚ŒãŸä¾¿åˆ©ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ãã‚ŒãŒCompass。 Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯Rubyファイルã§ã™ã€‚ ã“ã‚Œã¯Rubyを知ã£ã¦ã„ã‚Œã°è‰²ã€…ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã¨ã„ã†ã“ã¨ãªã‚“ã§ã™ãŒã€é€†ã«Rubyを知らãªã„ã¨å–ã£ã¤ãã«ãã•ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§æã‚’ã—ã¦ã—ã¾ã†ã®ã¯ã‚ã¾ã‚Šã«å‹¿ä½“ç„¡ã„ã®ã§ã€ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’書ã„ã¦ã¿ã¾ã—ãŸï¼ ※ã“ã®è¨˜äº‹ã¯å®Œå…¨ãªå’Œè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 基本的ãªæ›¸ãæ–¹ コメント Windowsユーザーå‘ã‘ã®æ³¨æ„ è¨å®šé …ç›® 動作ã«å½±éŸ¿ã™ã‚‹ã‚‚ã® URL関連 Spriteç”»åƒã®è‡ªå‹•ç”Ÿæˆç”¨ コマンドラインã§ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ©ã‚¤ãƒ‰ コマンドライン経由ã§æ¸¡ã•ã‚Œã‚‹è¨å®šã®æ¤œæŸ» Compass 用プラグインã®èªã¿è¾¼ã¿ コンフィグ関数 add_import_path asset_host asset_cache_buster watch コールãƒãƒƒã‚¯ on_sprite_sav
![[Compass] 超訳 Configuration Reference](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
ã€Webデザイナï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘】ã™ãã«ä½¿ãˆã‚‹SCSS入門｜è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’知ã£ã¦ãŠã“ㆠ– 番外編 | DevelopersIO
ã¯ã˜ã‚ã« å‰å›žã®è¨˜äº‹ã€Œã€Webデザイナï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘】ã™ãã«ä½¿ãˆã‚‹SCSS入門｜Mixinsを作ã£ã¦ã¿ã‚ˆã†ç·¨ã€ã€Œã™ãã«ä½¿ãˆã‚‹SCSS入門シリーズã€ã§SCSS・Compassã®ä¸€èˆ¬çš„ãªæ©Ÿèƒ½ã®ç´¹ä»‹ã‚’ã—ã¦ãã¾ã—ãŸã€‚ 今回ã¯ç•ªå¤–ç·¨ã¨ã—ã¦SCSS, Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã§ä½•ã‚’ã™ã‚‹ã‹ï¼Ÿ Compassã«ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚„Javascriptã€ç”»åƒãƒ»ãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã™ã‚‹å‡¦ç†ãŒã‚ã‚Šã¾ã™ã€‚ ã“れらã¯åŸºæœ¬çš„ã«è¨å®šã‚’ã„ã˜ã‚‰ãªãã¦ã‚‚利用ã§ãã¾ã™ãŒã€ã‚µãƒ¼ãƒãƒ¼ã®ç’°å¢ƒã‚„利用ã™ã‚‹CMSãªã©ã«ã‚ˆã£ã¦ãƒ‘スを制御ã™ã‚‹å¿…è¦ãŒã‚る時ã«è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰å‡ºåŠ›ã™ã‚‹ãƒ‘スを制御ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã©ã‚“ãªè¨å®šé …ç›®ãŒã‚ã‚‹ã‹ï¼Ÿ 本家ã®è¨å®šã«é–¢ã™ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã“ã¡ã‚‰ã€ŒConfiguration Referenceã€ã€ã¯ã„英語ã§ã™ã€‚ ã§ã™ãŒã€ãªãªã‚“ã¨ã™ã§ã«æ—¥æœ¬èªžã®è¶…訳 Configuration
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}