Sassプリプロセッサ
概要
Sass （さす） に関する格安教材 (LinkedIn Premium、 ドットインストール PREMIUM、 Udemyの有料及び無料の★4.5以上の動画、 英語YouTube） を紹介します。
SassとはSyntactically Awesome Style Sheetで、CSSを効率的に書くための記法です。必須ではないものの、その基本を学ぶのは十分簡単とのことです。拡張子の異なる記法(.sassの古いRuby Sass記法、.scssのSaccy CSS)がありますが、いずれにしてもSassファイルをコンパイルしてCSSファイルに変換してから、Webブラウザに読み込まれます。
詳細はsass-lang.com参照。
他のCSSプリプロセッサとしては、Bootstrapで採用されているLESS、Stylusというものあります。
SASS全般
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | Sass入門 | 動画225分、2014-10-16 |
| Sass Essential Training | 動画124分、2019-08-02 | |
| Responsive CSS Workflow with Sass, Bourbon, and Susy | 動画179分、2017-04-25 | |
| CSS to Sass: Converting an Existing Site | 動画151分、2016-02-12 | |
| ドットインストール（無料） | Sass/SCSS入門 | 動画15本 最終更新日が2012年であり、2019-03-26にサポートされない古いRuby Sassを使っている。 |
| Udemy | CSSを効率的に書く！フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~ | 動画295分、2019-05 |
| Sass Tutorial For Beginners : CSS with Superpowers | 動画109分、2019-12 | |
| SASS – The Complete SASS Course (CSS Preprocessor) | 動画356分、2019-10 | |
| Advanced CSS and Sass: Flexbox, Grid, Animations and More! | 動画1,685分、2019-12 | |
| その他 | saas、English、有料、★4.5以上68個検索された。 |
参考
- Sass: Install Sass
- Koala – a gui application for LESS, Sass, Compass and CoffeeScript compilation.
- SassMeister | The Sass Playground!
- Visual Studio Code拡張機能