ズルã„デザイン（2）：Sassã‚„Compassを使ã£ã¦ã€ã‚ºãƒ«ã„デザインテクニック (1/2) - ï¼ ITSassã‚„Compassを使ã£ã¦ã€ã‚ºãƒ«ã„デザインテクニック：ズルã„デザイン（2）（1/2 ページ） Sassã‚„Compassを使ã£ã¦ã€å°‘ãªã„手間ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsを紹介。グラデーションã€è§’丸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨ã¯ï¼Ÿ シリーズ第2回ã€å‰å›žã«ç¶šãã€ä»Šå›žã‚‚Sassã‚„Compassを使ã£ã¦ã€å°‘ãªã„手間ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsを紹介ã—ã¾ã™ã€‚ 今回ã¯ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’丸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ （注）ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ を分ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’拡大ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ 1: ズルã„グラデーション CSS3ã§ã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’扱ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã‹ã‚‰ã€ç”»åƒã‚’使ã‚ãšã«è‡ªåœ¨ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã—ã¦ã€CSSã ã‘ã§ã‚ˆã‚Šãƒªãƒƒãƒãªãƒ“ジュアル表ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€å£ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã£ã¦ã‚‚ã€ã†
[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Sass/Compassã®ãƒœã‚¿ãƒ³ãƒ©ã‚¤ãƒ–ラリ -Buttons
åˆã‚ã¦Sassã¨Compassを使ã£ãŸéš›ã«å‚考ã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
Sublime Text 2ã§ã‚³ãƒ³ãƒ‘イル編 ｜ クラスメソッド開発ブãƒã‚°
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック// Speaker Deck
ã€Webデザイナï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘】ã™ãã«ä½¿ãˆã‚‹SCSS入門｜Compass基礎編 | DevelopersIO
{{#tags}}- {{label}}
{{/tags}}