Edited at

CSS→Stylusを学ぶまでの軌跡① CSS3

More than 3 years have passed since last update.


学習目的

DerbyJSで使用しているStylusを習得する。

SASS(.scss)+LESS等のCSSメタ言語の概要をとらえたうえで、Stylusを見ていく。


学習行程


  • CSS→Stylusを学ぶまでの軌跡① CSS3

  • CSS→Stylusを学ぶまでの軌跡② SASS

  • CSS→Stylusを学ぶまでの軌跡③ LESS

  • CSS→Stylusを学ぶまでの軌跡④ Stylus

  • CSS→Stylusを学ぶまでの軌跡⑤ Appendix


概要

CASS, LESS, Stylusは、いずれもCSSを拡張したメタ言語である。

CSSを効率的に記述することができる。


CSS の問題点


  • 開発者のクセに影響される

  • 継承やスタイルの使い回しについてコードが冗長