[B! Compass] iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

iR3 id:iR3

Compassã«é–¢ã™ã‚‹iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (22)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

åˆã‚³ãƒ³å¤±æ•—ã—ãŸã‚‰é¢¨ä¿—
å¥³åå¤§ç”ŸãŒãŸãã•ã‚“åƒã„ã¦ã„ã‚‹ãƒ‡ãƒªãƒ˜ãƒ«ã®ã‚µãƒ¼ãƒ“ã‚¹ã€‚æ·±å¤œã§ã‚‚ä½¿ãˆã‚‹é¢¨ä¿—ã¨ã—ã¦ã€è‡ªåˆ†ã®æš®ã‚‰ã—ã‚’è±Šã‹ã«ã—ã¦ãã‚Œã¦ã„ã‚‹ãƒ‡ãƒªãƒ˜ãƒ«ã§ã™ã€‚æœ‰åå¤§å¦ã«é€šã†å¥³æ€§ã‚’æŒ‡åã—ãŸä»Šå›žã¯ã€æ€ã„å‡ºã—ãŸã ã‘ã§ã‚‚èˆˆå¥®ãŒç”¦ã£ã¦ãã‚‹ã»ã©ã€‚ç´ è‚¡ã®æ°—æŒã¡è‰¯ã•ã¯æŒ¿å…¥ã‚’è¶…ãˆã‚‹ãã‚‰ã„ã®æ„Ÿè¦šã§ã—ãŸã€‚ãã®ç§˜å¯†ã¯æ•æ„Ÿãªã‚¯ãƒªã«ã‚ã‚Šã¾ã™ã€‚ç´ è‚¡ã‚’ã™ã‚‹ã¨ã©ã‚“ã©ã‚“åˆºæ¿€ã•ã‚Œã¦ã‚¯ãƒªãŒå›ºããªã‚Šã€ãã‚ŒãŒäº€é ã«å½“ãŸã£ã¦æ°—æŒã¡è‰¯ã„ã€‚ç›¸æ‰‹ã‚‚æ“¦ã‚Œã¦æ°—æŒã¡è‰¯ã„ã¨ã„ã†ç›¸ä¹—çš„ãªé…åŠ›ã«æµ¸ã‚‹ã®ãŒã€ä»Šã¾ã§ã®é¢¨ä¿—å²ä¸Šæœ€é«˜ã®ä½“é¨“ã«ãªã£ãŸã®ã§ã™ã€‚ç´ è‚¡ã¯ãŽã“ã¡ãªã•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ãã‚Œã§ã‚‚å¯†ç€åº¦ãŒé«˜ãã¦ã‚¢ã‚½ã‚³ã¸ã®åˆºæ¿€ã¯ååˆ†ã™ãŽã‚‹ã»ã©ã€‚é€”ä¸ã§è€ãˆã‚‹ã“ã¨ã‚’è«¦ã‚ã¦ã„ã‚Œã°ã€ãã£ã¨ã‚µãƒ¼ãƒ“ã‚¹ã‹ã‚‰åŠåˆ†ã‚‚æ¶ˆåŒ–ã—ãªã„ã†ã¡ã«æžœã¦ã¦ã—ã¾ã£ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€åƒ•ã¯é¢¨ä¿—MASTERã§ã™ã€‚ãã‚“ãªã“ã¨ã§ãã¾ã›ã‚“ã€‚ã‚ã‚¹ã‚‚å¤§å¥½ãã‚‰ã—ãã€ã‚¯ãƒ³ãƒ‹ã‚’ã—ãŸå¾Œã§ã‚‚ä½•åº¦ã¨ãªãã€Œãƒãƒ¥ãƒ¼ã—ã¦ã»ã—ã„ã€ã¨ãŠé¡˜ã„ã•ã‚ŒãŸã®ã§ã€èˆŒã‚’çµ¡ã‚ã¦ã˜ã£ã
iR3 2016/04/07
ãµã‚€ãµã‚€

Compass
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCompassã€ã®åŸºç¤Ž
Compassã®ãƒ¡ãƒªãƒƒãƒˆ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ Compassã§ã¯ã€ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã™ã‚‹ã ã‘ã§ã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã§è¨˜è¼‰ã•ã‚ŒãŸä¸€æžšç”»åƒãŒç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’åˆ©ç”¨ã™ã‚Œã°ã€1ãƒšãƒ¼ã‚¸è¾ºã‚Šã®ç”»åƒã®èªã¿è¾¼ã¿ã‚’ä½•åº¦ã‚‚å®Ÿè¡Œã›ãšã«ã™ã‚€ãŸã‚ã€ãƒšãƒ¼ã‚¸ã®é«˜é€ŸåŒ–ã«ã¤ãªãŒã‚Šã¾ã™ã€‚ ç‹¬è‡ªã®mixinãŒåˆ©ç”¨ã§ãã‚‹ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ç‹¬è‡ªã®é–¢æ•°ãŒåˆ©ç”¨ã§ãã‚‹ ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã—ãŸã‚Šã€ä¸‰è§’é–¢æ•°ã®è¨ˆç®—ã‚’ã—ãŸã‚Šã§ãã‚‹é–¢æ•°ãŒã‚ã‚Šã¾ã™ã€‚ mixinã‚„é–¢æ•°ã¯Compassã®å…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯è¨˜è¼‰ã§ããªã„ã»ã©ã®mixinã‚„é–¢æ•°ãŒã‚ã‚Šã¾ã™ã®ã§ã€ä¸€åº¦è¦‹ã¦ã¿ã‚‹ã¨é¢ç™½ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä¸Šè¨˜ã«åŠ ãˆã€ç¬¬1å›žç›®ã«è¨˜è¼‰ã—ãŸã“ã¡ã‚‰ã®Sassã®ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚‚ã¡ã‚ã‚“äº«å—ã§ãã¾ã™ã€‚ èªã¿ã‚„ã™ã„ å¤‰æ•°ã‚„ç¹°ã‚Šè¿”ã—å‡¦ç†ãŒä½¿ãˆã‚‹ æˆæžœç‰©ã®å“è³ªã‚’çµ±ä¸€ã§ãã‚‹ é«˜é€Ÿ
iR3 2016/04/07
ä½¿ã„ã“ãªã›ã¦ã„ãªã„compassã®å¾©ç¿’â€œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½â€,"ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã—ãŸã‚Šã€ä¸‰è§’é–¢æ•°ã®è¨ˆç®—ã‚’ã—ãŸã‚Šã§ãã‚‹é–¢æ•°ãŒã‚ã‚Šã¾ã™ã€‚"

compass
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
iR3 2014/07/19
ãµã‚€ãµã‚€

Sass

Compass
ãƒªãƒ³ã‚¯
Sass + Compass ã‚’ä½¿ã£ã¦ã€åŠ¹çŽ‡è‰¯ã css ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã‚ˆã†ï¼ | SONICMOOV LAB
çš†ã•ã¾ãŠä¹…ã—ã¶ã‚Šã§ã”ã–ã„ã¾ã™ã€‚ ãƒ©ãƒ¼ãƒ¡ãƒ³å¥³åã®ã†ã•ã“ã§ã™ã€‚ ä¼šç¤¾ã«å…¥ã£ã¦ã‚‚ã†ã™ãï¼‘å¹´ãŒçµŒã¨ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ æ—©ã„ã§ã™ããƒ»ãƒ»ãƒ»è‰²ã€…ã‚ã‚Šã¾ã—ãŸãŒæœ¬å½“ã«ã‚ã£ã¨ã„ã†é–“ã§ã—ãŸï¼ˆé ã„ç›® ä»Šå¹´ã‚‚æ®‹ã‚Šã‚ãšã‹ 26 æ—¥ã§ã™ã‚ˆãƒ»ãƒ»ãƒ»ã£ çš†ã•ã¾ã€ã‚„ã‚Šæ®‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿãƒ»ãƒ»ãƒ»ã‚ãŸã—ã¯ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã€‚ æœ€è¿‘ã¯ãƒ©ãƒ¼ãƒ¡ãƒ³ã‚’é£Ÿã¹ã‚‹æ©Ÿä¼šãŒå¾ã€…ã«æ¸›ã£ã¦ãã¦ã„ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã¯ä½“ã«æ°—ã‚’ã¤ã‘ãªãã‚ƒã„ã‘ãªã„ãŠå¹´é ƒã«ãƒ»ãƒ»ãƒ»ã€‚ å‰å›žã®è¨˜äº‹ã€ŒSublime Text 2 ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ˆã‚³ãƒ¼ãƒ€ãƒ¼ç·¨ï¼‰ã€ãŒå¤§å¤‰å¥½è©•ã ã£ãŸã®ã§ã€ä»Šå›žã¯ãã‚Œã«é–¢é€£ä»˜ã‘ãŸè¨˜äº‹ã¨ã•ã›ã¦ã„ãŸã ãã¾ã™ã£ ã“ã¡ã‚‰ã®è¨˜äº‹ã¯ã€CSS ã¯ã‚ã‚‹ç¨‹åº¦æ›¸ã‘ã‚‹ã‚“ã ãœãƒƒï¼ã¨ã„ã†æ–¹ã‚’å¯¾è±¡ã¨ã—ã¦ã„ã¾ã™ï¼ CSS ã‚’ã“ã‚Œã‹ã‚‰å‹‰å¼·ã™ã‚‹ã¤ã‚‚ã‚Šã§ã‚ã‚‹æ–¹ã¯ã€ã‚ã‚‹ç¨‹åº¦ç¿’å¾—ã—ã¦ã‹ã‚‰ãƒˆãƒ©ã‚¤ã—ã¦ã¿ã¦ãã ã•ã„ï¼ æ˜”ã®æ©å¸«ã‹ã‚‰ã‚ˆãè¨€ã‚ã‚Œã¦ã„ã¾ã—ãŸãƒ»ãƒ»ãƒ»Step by Step ã§ã™ï¼ ç›®æ¬¡ Sass ã®
iR3 2014/03/07
SassãŒãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã«ã‚‚ã©ã‚“ã©ã‚“æ‹¡ãŒã£ã¦ã„ã‚‹ã®ã

Sass

Compass
ãƒªãƒ³ã‚¯
SSSSLIDE
iR3 2014/02/20
ãµã‚€ãµã‚€ ã—ã‹ã—ãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚ã‚‹ãª

Sass

compass
ãƒªãƒ³ã‚¯
LESSã¨SASSã¨RECESSã¨Compassã¨ã‹ã‚’æ•´ç†ã—ãŸ | kanonjiã®ãƒ–ãƒã‚°
å¤§å…ƒã®CSSã®ãƒ¡ã‚¿è¨€èªžã§ã‚ˆãåå‰ãŒæŒ™ãŒã£ã¦ã‚‹2ã¤ãŒã€LESSã¨SASSã§ã™ã€‚ã“ã®2ã¤ã®é•ã„ã‚’çŸ¥ã£ã¦ã€ã©ã®ãƒ„ãƒ¼ãƒ«ãŒã©ã£ã¡ç”¨ãªã®ã‹ã‚’è¦‹ã‚Œã°ã™ã£ãã‚Šç†è§£å‡ºæ¥ã‚‹ã¯ãšã€‚ CSSãƒ¡ã‚¿è¨€èªžã®ä»–ã«CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã¨å‘¼ã‚“ã ã‚Šã‚‚ã™ã‚‹ã‚‰ã—ã„ã§ã™ã€‚ http://lesscss.org/ JavaScriptç³»ã§ãƒ“ãƒ«ãƒ‰ã™ã‚‹ã«ã¯nodeã‚’ä½¿ã„ã¾ã™ã€‚SASSã¨æ¯”ã¹ã‚‹ã¨CSSã®æ›¸ãæ–¹ã‹ã‚‰å¤–ã‚Œãªã„ã€ã‚·ãƒ³ãƒ—ãƒ«ãªæ›¸ãæ–¹ã€ã‚‰ã—ã„ã§ã™ã€‚ <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="less.js" type="text/javascript"></script> ã‚µãƒ¼ãƒãƒ¼å´ã§ãƒ“ãƒ«ãƒ‰ã—ãªãã¦ã‚‚ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§CSSã«å¤‰æ›ã—ã¦ãã®ã¾ã¾é©ç”¨ã™ã‚‹ä»•çµ„ã¿ã‚‚ã‚ã‚Šã¾ã™ã€‚ http://sass-lang.com/ R
iR3 2014/01/08
LESS

Compass

Sass
ãƒªãƒ³ã‚¯
Sassã€Compassã€Rails 3.1 ã®ã‚¢ã‚»ãƒƒãƒˆ ãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ (ç¿»è¨³ç‰ˆ) - Engine Yard Blog JP | Engine Yard Blog JP
æœ¬è¨˜äº‹ã¯è‹±èªžç‰ˆãƒ–ãƒã‚°ã§2011å¹´11æœˆ3æ—¥ã«å…¬é–‹ã•ã‚ŒãŸè¨˜äº‹ã®ç¿»è¨³ç‰ˆã§ã™ã€‚ ãƒ¡ãƒ¢:ä»Šå›žã¯ãƒ€ãƒ©ã‚¹å¸‚æ‰€åœ¨ã® Pure Charity ç¤¾ CTO ã§ã‚ã‚‹ Wynn Netherland æ°ã«ã‚²ã‚¹ãƒˆæŠ•ç¨¿ã‚’ãŠé¡˜ã„ã—ã¾ã—ãŸã€‚æ°ã¯ CSS ã«é–¢ã™ã‚‹ã€ŽSass and Compass in Action (Sass ã¨ Compass ã®æ´»ç”¨æ³•)ã€ã®å…±è‘—è€…ã§ã‚ã‚‹ã»ã‹ã€CSS ã‚®ãƒ¼ã‚¯ã¨ã—ã¦ã ã‘ã§ãªãã€ã‚¦ã‚§ãƒ– ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å…¼ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¨ã—ã¦ã‚‚æ´»èºã•ã‚Œã¦ã„ã¾ã™ã€‚è©³ã—ãã¯ GitHub ã‚„ Twitter ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ TL;DR Compass ã¨ Rails 3.1 ã®ã‚¢ã‚»ãƒƒãƒˆ ãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ã‚’ã†ã¾ãé€£æºã•ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ ã‚¢ã‚»ãƒƒãƒˆã®ä½œæˆã€ä¿å®ˆã€æä¾›ã‚’è¡Œã†æ–¹æ³•ã‚’æ”¹å–„ã§ãã¾ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é–‹ç™ºä¸ã«ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã‚’å›³ã‚‹ã«ã¯ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‚’èª¿æ•´ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ å‹•çš„ã‚¦ã‚§ãƒ– ãƒšãƒ¼ã‚¸ãŒèª•ç”Ÿã—ã¦
iR3 2013/12/17
Sass

Compass
ãƒªãƒ³ã‚¯
Susy: Responsive grids for Compass
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details Â» Not everyone can play with the latest specs, and there will always be edge-cases that require ma
iR3 2013/12/16
ã‚°ãƒªãƒƒãƒ‰ã«ã¯ã“ã‚ŒãŒã„ã„ã®ã‹ #sendagayarb ã§è¦‹ã¦ã‚‹ #debeg ã§ã‚‚è¦‹ãŸ

Susy

Compass
ãƒªãƒ³ã‚¯
rails4ã§compass-railsã‚’ä½¿ã† | iiiÂ ThreeTreesLight
rails4ã§compass-railsã‚’ä½¿ã† rails4ã§compass-railsã‚’ä½¿ãŠã†ã¨ã™ã‚‹ã¨ã€assets precompileæ™‚ã«ä»¥ä¸‹ã®ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦åˆ©ç”¨ã§ããªã„ã€‚ Unsupported rails environment for compass å¯¾å‡¦æ³•ã¯ä»¥ä¸‹ã®é€šã‚Š $ vim Gemfile gem 'compass-rails', github: "milgner/compass-rails", branch: "rails4" compassã‚’åˆ©ç”¨ã—ã¦ç”Ÿæˆã—ãŸspriteç”»åƒãŒåæ˜ ã•ã‚Œãªã„å ´åˆ $ vim application.css.sass @import "layout/*.png"; @include all-layout-sprites; $ vim config/application.rb config.compass.images_dir = '/ap
iR3 2013/08/29
ãµã‚€ãµã‚€

Rails4

Compass
ãƒªãƒ³ã‚¯
Compassã‚’ä½¿ã£ã¦ã¿ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
iR3 2013/04/23
Compass
ãƒªãƒ³ã‚¯
GitHub - Compass/compass-rails: compass rails integration
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
iR3 2013/04/19
Compass

Rails
ãƒªãƒ³ã‚¯
compass-style.org is almost here!
The owner of this domain has not yet uploaded their website.
iR3 2013/04/19
Compasså…¬å¼

Compass
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ä½œã‚ŒãŸã‚‰ã„ã„ãªã‚ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžã®ã¿ãªã•ã‚“ã€‚å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ Webãƒ—ãƒã‚°ãƒ©ãƒžã€Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ãŒã€å€‹äººã§ä½œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã§ã€çŸæœŸé–“ã«é›†ä¸ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã—ã¦ãƒãƒ¼ãƒ³ãƒã—ãŸã„ã¨ãã«ã€ã‚‚ã†ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã¨ã„ã„ãªã‚ã¨ã„ã†å£°ã‚’ã‚ˆãèžãã¾ã™ã€‚ ã“ã®ä¼ç”»ã¯ã€ãã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒžãŒã€å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Sassã¨Compassã‚’åˆ©ç”¨ã—
iR3 2013/04/19
Compass

Sass

ã‚ºãƒ«ã„
ãƒªãƒ³ã‚¯
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ2ï¼‰ï¼šSassã‚„Compassã‚’ä½¿ã£ã¦ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (1/2) - ï¼ IT
Sassã‚„Compassã‚’ä½¿ã£ã¦ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ2ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ Sassã‚„Compassã‚’ä½¿ã£ã¦ã€å°‘ãªã„æ‰‹é–“ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã€‚ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨ã¯ï¼Ÿ ã‚·ãƒªãƒ¼ã‚ºç¬¬2å›žã€å‰å›žã«ç¶šãã€ä»Šå›žã‚‚Sassã‚„Compassã‚’ä½¿ã£ã¦ã€å°‘ãªã„æ‰‹é–“ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žã¯ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ 1: ã‚ºãƒ«ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ CSS3ã§ã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã‹ã‚‰ã€ç”»åƒã‚’ä½¿ã‚ãšã«è‡ªåœ¨ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã—ã¦ã€CSSã ã‘ã§ã‚ˆã‚Šãƒªãƒƒãƒãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€å£ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã£ã¦ã‚‚ã€ã†
iR3 2013/04/19
ãµã‚€ãµã‚€ è‰²ã‚’æš—ãã§ãã‚‹Sassã®ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³â€œdarkenâ€ ã“ã®è¨˜äº‹ã‚’bookmarkã—ã¦ã‚‚ã†ï¼‘å¹´ï¼“ãƒ¶æœˆä»¥ä¸Šå‰ã«ãªã‚‹ã®ã‹ ã¯ã‚„ã£

Sass

Compass

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Sass + Compass ã®åŸºæœ¬å°Žå…¥ã¨è¨å®šãƒ•ã‚¡ã‚¤ãƒ« config.rb ã«ã¤ã„ã¦
æ˜Žã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ä»Šå¹´ã‚‚ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2013 å¹´ã¯ã€26 å¹´ã¶ã‚Šã« 4 ã¤å…¨ã¦ã®æ•°å—ãŒç•°ãªã£ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ãã€‚ã¿ãªã•ã‚“ã©ã®ã‚ˆã†ãªãŠæ£æœˆã‚’ãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ç§ã¯å¯æ£æœˆã‚’å¤§æº€å–«ã—ã¾ã—ãŸã€‚ ã•ã¦ã€Windows ã§ã‚‚ Mac ã§ã‚‚ Sass + Compass ç’°å¢ƒãªã‚‰ã° config.rb ã§è¨å®šãŒæ›¸ã‘ã‚‹ã®ã§ã€ä»Šæ—¥ã¯ãã‚Œã«ã¤ã„ã¦ã€‚ã€ŒSass ã¨ã¯ä½•ã‹ï¼Ÿã€ã€ŒCompass ã¨ã¯ä½•ã‹ï¼Ÿã€ã¯çœãã¾ã™ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰è¨å®šã€æ¥½ã—ã¦ç›£è¦–é–‹å§‹ã€ã‚ãŸã‚Šã‚’ã€‚ Sass + Compass ã‚’ä½¿ã†ã«ã¯ï¼Ÿ ã¾ãšåŸºæœ¬ã®ã¨ã“ã‹ã‚‰ä¸€å¿œã•ã‚‰ã£ã¨ï¼ æœ€è¿‘ã¯ç°¡å˜ãªæ–¹æ³•ã‚‚ãŸãã•ã‚“å‡ºã¦ã„ã¾ã™ãŒã€åœ°é“ã«ã‚„ã‚‹ãªã‚‰ã° Rubyï¼ˆã¨ RubyGemsï¼‰ã‚’å…¥ã‚Œã¦ã€Sass ã¨ Compass ã‚’å…¥ã‚Œã¦ã€ã¨ãªã‚Šã¾ã™ã€‚ Ruby + RubyGem ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Windows ã ã£ãŸã‚‰ RubyFor
iR3 2013/04/19
Sass

Compass
ãƒªãƒ³ã‚¯
#334 Compass & CSS Sprites - RailsCasts
Compass improves the Sass experience by providing useful mixins, functions, and more. You will also learn how to make CSS sprites with it in this episode.
iR3 2013/04/18
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆãŒä¾¿åˆ©ã«ã§ãã‚‹ã®ã

Sass

Compass

CSS

Rails
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
iR3 2013/03/04
Compass
ãƒªãƒ³ã‚¯
SASS/SCSS+COMPASS+zurui-sass-railsã§è§’ä¸¸ãƒ»ã‚°ãƒ©ãƒ‡ãƒ»åŠé€æ˜Žãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ | | Scimpr Blog
Railsã§ä½¿ãˆã‚‹Gem SASS/SCSS+COMPASS+zurui-sass-railsã§è§’ä¸¸ãƒ»ã‚°ãƒ©ãƒ‡ãƒ»åŠé€æ˜Žãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦
iR3 2013/02/28
Gj!

Sass

SCSS

Compass

Rails
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯// Speaker Deck
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version ç¬¬ä¸€å›žâ€¦
iR3 2012/10/29
GJï¼

Webãƒ‡ã‚¶ã‚¤ãƒ³

Sass

Compass

ã‚ºãƒ«ã„
ãƒªãƒ³ã‚¯
Scout-App - Site has moved
Scout-App, the easiest way to use Sass!
iR3 2012/06/08
ã“ã‚“ãªãƒ„ãƒ¼ãƒ«ã‚‚ç™ºè¦‹â™ª

Compass

Sass

CSS3
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸