【旧版】Emmet/Zen-coding入門 (全10回)
最新版のレッスンはこちらから »
【最新版】Emmet入門 (全15回)
HTMLやCSSを効率的に書いていくことができるEmmetについて、その基本的な使い方を解説していきます。
このレッスンでは Sublime Text 2 / emmet-sublime を使用しています。
-
#01 Emmetとはなにか？ (02:53)
- 概要
- 公式サイト
- 例
- 必要となる知識
- レッスンにおける環境
-
#02 まずは基本をマスターしよう (02:33)
- 基本的な使い方の流れ
- 公式ドキュメントの見方
- 注意事項
-
#03 idとclassを使ってみよう (02:16)
- #id
- .class
- 要素を省略したときの動作
-
#04 階層的な要素を表現してみよう (02:08)
- >
- +
- ^
-
#05 繰り返しと連番について (02:17)
- *
- $
- $@-
- $@5
-
#06 ()､[]､{}､lorem ipsumを使おう (03:00)
- ()
- []
- {}
- lorem ipsum
-
#07 filterを使ってみよう (02:53)
- |e
- |c
- |s
- |haml
-
#08 CSSも扱ってみよう (02:43)
- m
- m10
- m10-10-11-15
- m10--10
- p
- w100p
- c
- c#a
- c#bcf
- z3
- チートシートの見方
-
#09 actionを使ってみよう (02:59)
- shift+ctrl+t
- shift+option+/
- shift+cmd+y
- shift+ctrl+i
-
#10 Wrap with Abbreviationを使おう (02:48)
- ctrl+w
- |t
- $#
