Sassの超入門です。 解り辛い所が多いかと思いますが、 その辺はすみません。 デザインもダサいですが すみません。

1. 水野廉也

2. ・ 大学生
・ 専門学校生
・ 21歳
・ 口癖：眠い

3. ・ CSSのメタ言語
・ Sassを記述してコンパイルしCSSを生成する
・ SassとScssがある
・ Scssが一般的に使われている

4. Sass
Scss

5. ＿人人 人人人人＿
＞ Scssのが奇麗 ＜
￣Y^Y^Y^Y^Y^Y^Y￣

6. ・ Rubyが必要
・ 基本コマンドライン
＿人人 人人人＿
＞ メンドクサイ ＜
￣Y^Y^Y^Y^Y^Y￣

7. Less/Sass/Scss/Markdown/Coffeescript等
を
コンパイルしてくれる優秀なやつ

8. ここにプロジェクトファイルを
ドラッグ&ドロップ

9. こんな感じになる。
大体終わり。

10. なかのファイルをクリック！
Compileをクリック！

11. はい、完成！
おめでとう！

12. 他にもいいものはたくさんあるので
自分の気に入った物を使うのが一番です。

13. といっても記述はほとんどCSS!
なので新しく何かを覚える必要はほぼ0！！

14. CSSScss

15. プロパティの
入れ子なんて技も！

16. CSSScss

17. CSSScss

18. CSSScss

19. ・ Sassの中でも重要な機能！
・ 小さなテンプレートのみたいなもの
・ メソッドみたいなやつ

20. CSSScss

21. Mixinの書き方

22. Mixinの使い方

23. ・ CSSだと使用厳禁な@importがSassだとおk！
・ むしろファイルを管理しやすいからおすすめ！

24. ・ @importされるScssファイル
・ 自作したMixinをパッケージにして管理する時とか

25. ・ 命名規則
・ 使用する時

26. ・ Sassを強力にしたフレームワーク
・ 便利なMixin郡
・ スプライト自動作成
・ プロジェクごとの設定ファイル