CSS拡張メタ言語SCSS(Sass)ã¨LESS今回ã¯CSS拡張メタ言語をã”紹介ã—ã¾ã™ã€‚ ãªã«ãれ？ã£ã¦è¨€ã†æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚最近ã¾ã§ãã†ã§ã—ãŸã€‚ã©ã†ã—ã¦çŸ¥ã£ãŸã‹ã¨ã„ã†ã¨å‰å›žã®è¨˜äº‹ã§CSSフレームワークã§ãƒ„イッターブートストラップãŒLESSを使用ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ã€‚ãã‚Œã§ã‚³ãƒ¬ãªã‚“ã ã‚ã£ã¦èª¿ã¹ãŸã‚‰ã‚ã‹ã£ãŸã‚“ã§ã™ã€‚å› ã¿ã«ãƒ„イッターブートストラップã®SCSS版もã‚ã‚Šã¾ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨CSSをより簡å˜ã«è¨˜è¿°ã—よã†ã£ã¦ã“ã¨ã§ã™ã€‚ CSS記述ã™ã‚‹ã¨ãé‡è¤‡ã—ãŸã‚Šã€ãã‚Œãžã‚Œã®ãƒ–ラウザã«å¯¾å¿œã™ã‚‹ã‚ˆã†ãªè¨˜è¿°ã‚„ã‚ã¨CSS3対応ã•ã›ã‚‹ãŸã‚ã«ãªã‚“ã ã‹é•·ã„記述ã—ãªã„ã¨ãƒ€ãƒ¡ã§ã™ã‚ˆã。-webkitã¨ã‹-mozã¨ã‹ã€‚ ãã†ã„ã†ã®ã‚’解消ã—ãŸã‚‚ã®ãªã‚“ã§ã™ã。自動的ã«è¨ˆç®—ãªã‚“ã‹ã‚‚ã‚„ã£ã¦ãれる機能もã‚ã‚Šã¾ã™ã€‚ スãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ ã“ã‚Œã¯ã‹ãªã‚Šä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ã€‚ 最åˆã«ã‚„ã‚‹ãªã‚‰æ–然LESSã ã¨æ€ã„ã¾ã™ã€‚javascriptã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã—ã™ãã«ä½“æ„Ÿã§ãã‚‹ã®ã§ã€‚ウェブ上ã«ã‚¢
CSS拡張メタ言語「SCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”較 - (DxD)∞
ã„ã¤SASSを覚ãˆã‚‹ã‹ï¼Ÿä»Šã§ã—ょï¼ï¼Preprosã§ç°¡å˜ã«ç’°å¢ƒã‚’ã¤ãã‚ã†
{{#tags}}- {{label}}
{{/tags}}