新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Zen-codingとは何か？ (02:02) 無料公開中
- Zen-codingの概要
- 公式サイトについて
-
#02 プラグインを導入しよう (02:18) 無料公開中
- プラグインのダウンロード
- プラグインの導入
- cd
- mkdir .vim
- mkdir .vim/plugin
- mkdir .vim/autoload
- cp (ダウンロードしたファイル) .vim/plugin/.
- cp (ダウンロードしたファイル) .vim/autoload/.
-
#03 Zen-codingの基本を理解しよう (02:58) 無料公開中
- <ctrl+y>,
- html:5
- link:css
- link:favicon
- script
- a:link
- a:mail
- input:hidden
-
#04 階層と繰り返し要素を表現しよう (02:33)
- <
- >
- +
- *
-
#05 id、class、連番について (02:38)
- #
- .
- $
- $$$$$$
-
#06 さらにセレクタを表現する (01:29)
- select[name=city]
- a[href="http://google.com"]
-
#07 要素内のテキストを指定する (01:45)
- {}
-
#08 便利な補完機能を使ってみよう (01:52)
- <ctrl+y>i
- <ctrl+y>a
-
#09 次の項目にカーソルを移動させよう (01:20)
- <ctrl+y>n
- <ctrl+y>N
-
#10 テキストを要素で囲んでみよう (02:07)
- <ctrl+V>
- <ctrl+y>,
- Tags
-
#11 要素をコメントで囲う方法 (01:14)
- <ctrl+y>/
