SCSSã¨Compassã§ãŠã—ゃれãªCSSパーティクルを作ã£ã¦ã¿ãŸ - ICS MEDIAWebサイトを構築ã™ã‚‹éš›ã€è§’丸ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç‰ã€å¾“æ¥ã§ã¯ç”»åƒã‚„プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‚’使ã‚ãªã„ã¨ä¸å¯èƒ½ã ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³è¡¨ç¾ãŒã€CSS3を使ã†ã“ã¨ã§å¯èƒ½ã¨ãªã‚Šã¾ã—ãŸã€‚ã•ã‚‰ã«ã€CSSã®æ‹¡å¼µè¨€èªžã§ã‚ã‚‹SCSSã‚„ã€SCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚ã‚‹Compassã¨çµ„ã¿åˆã‚ã›ã‚‹ã¨ã€CSSã«ã‚ˆã‚‹è¡¨ç¾ã®å¹…ãŒåºƒãŒã‚Šã¾ã™ã€‚今回ã¯ã€CSSã®ã¿ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¡¨ç¾ã‚’テーマã¨ã—ã€SCSSã‚„Compassã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’活用ã—ãŸå¹¾ä½•å¦æ¨¡æ§˜ã®ä½œã‚Šæ–¹ã‚’ã”紹介ã—ã¾ã™ã€‚ 別画é¢ã§ãƒ‡ãƒ¢ã‚’å†ç”Ÿã™ã‚‹ ソースコード(SCSS) ãªãœSCSSã‚„Compassを使ã†ã®ã‹ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’使ã£ã¦å›³å½¢ã‚’æãå ´åˆã€åŸºæœ¬çš„ãªå››å‰‡æ¼”算や三角関数ã¨ã„ã£ãŸæ•°å¦çš„ãªå‡¦ç†ã‚„ã€ç¹°ã‚Šè¿”ã—文（for文）ã€æ¡ä»¶åˆ†å²ï¼ˆif文）ç‰ãŒæ‰±ãˆã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ã—ã‹ã—ã€CSSã§ã¯calc()メソッドを使ã£ãŸç°¡æ˜“ãªè¨ˆç®—ã—ã‹ã§ããšã€ç¹°ã‚Šè¿”ã—文やæ¡ä»¶åˆ†å²ç‰ã¯å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã¾ã›ã‚“。
kanapple.net - KANAPPLE.NET
Sassã¨Compassã§Spriteç”»åƒã‚’作る
{{#tags}}- {{label}}
{{/tags}}