#334 Compass & CSS Sprites - RailsCastsCompass 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.
Railsã§Compass, zurui-design, Sassy-Buttons, Bootsrapを使ã†ï¼ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
Railsã§Compass, Zurui-design, Sassy-Buttons, Bootsrapを使ã†ï¼ Feb 8th, 2013 Tweet Railsã¯ãƒ©ã‚¤ãƒ–ラリã®sprocketsã®ãŠé™°ã§ã€LESS/SCSS/SASSãŒæ··åœ¨ã—ã¦ã„ã¦ã‚‚よã—ãªã«CSSã«å¤‰æ›ã—ã¦ãれるãã†ã§ã™ã€‚ã¨ã„ã†ã“ã¨ã§ã€Rails + Bootstrap環境ã«ä»Šã¾ã§æ°—ã«ãªã£ã¦ã„ãŸCompass, Zurui-design, Sassy-Buttonsã‚’å°Žå…¥ã—ã¦ã¿ã¾ã—ãŸï¼ Compassã¨ã¯ï¼Ÿ Sassã‚’ã•ã‚‰ã«å¼·åŒ–ã—ã¦ãれる便利ãªmixin群ã€ã‚¹ãƒ—ライト自動作æˆã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’é©ç”¨ãªã©ãŒã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ Compassã«ã¤ã„ã¦ã¯CSSã®å¸¸è˜ãŒå¤‰ã‚ã‚‹ï¼ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIGã«ã™ã”ãä¸å¯§ãªèª¬æ˜ŽãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€è‹±èªžã§ã™ãŒCompassã®
ã€Sassを覚ãˆã‚ˆã†ï¼ã€‘ã‚‚ãã˜çš„ãªã®ã¨å‚考リンク
需è¦ãŒæœ‰ã‚‹ã®ã‹ç„¡ã„ã®ã‹ã‚‚分ã‹ã‚‰ãšã€åŠåˆ†ä»¥ä¸Šã¯å‹¢ã„ã§æ›¸ã„ã¦ãŸSassを覚ãˆã‚ˆã†ã‚·ãƒªãƒ¼ã‚ºã§ã™ãŒã€å°‘ã—ã§ã‚‚利用ã™ã‚‹äººãŒå¢—ãˆã‚‹ãã£ã‹ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ カテゴリ一覧ã‹ã‚‰å…¨éƒ¨è¦‹ã‚Œã¾ã™ã‘ã©ã€ä¸€å¿œã€Sassを覚ãˆã‚ˆã†ï¼ã€‘ã®å…¨è¨˜äº‹ä¸€è¦§ã§ã™ã€‚ ã€Sassを覚ãˆã‚ˆã†ï¼Vol.1】ã¯ã˜ã‚ã« ã€Sassを覚ãˆã‚ˆã†ï¼Vol.2】何ãŒã™ã”ã„ã®ï¼Ÿãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‡ºæ¥ãªãã¦ã‚‚使ãˆã‚‹ï¼ŸåŠ¹çŽ‡ãŒãƒ›ãƒ³ãƒˆã«ä¸ŠãŒã‚‹ã®ï¼Ÿ ã€Sassを覚ãˆã‚ˆã†ï¼Vol.3】一番カンタンãªç’°å¢ƒæ§‹ç¯‰ï¼ˆScout編） ã€Sassを覚ãˆã‚ˆã†ï¼Vol.4】Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³• ã€Sassを覚ãˆã‚ˆã†ï¼Vol.5】環境構築（黒ã„ç”»é¢ç·¨ï¼‰ ã€Sassを覚ãˆã‚ˆã†ï¼Vol.6】黒ã„ç”»é¢ã§ã®å®Ÿéš›ã®é‹ç”¨ã«é–¢ã—㦠ã€Sassを覚ãˆã‚ˆã†ï¼Vol.6.5】ãƒãƒƒãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’使ã£ã¦ã‚«ãƒ³ã‚¿ãƒ³ã«é»’ã„ç”»é¢ã§Sassを利用ã™ã‚‹ ã€Sassを覚ãˆã‚ˆã†ï¼Vol.7】ファイルを分割ã—ã¦ç®¡ç†ã‚’楽ã«
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - brajeshwar/Sass.mode: Sass Mode (.scss) for Coda 1 and SubEthaEdit.
{{#tags}}- {{label}}
{{/tags}}