ドットインストールのEmmet/Zen-coding入門がいい

とてもよいです。ドットインストールさんありがとうございます。
zen-coding時代からhtml書くときはちょいちょい使っていましたが
いろんな機能がありました。
　

filter

shift + ctrl + i imgでctrl+eで展開し、a.png（desctopにa.pngが存在）

<img src="a.png" alt="">

この状態でshift + crl + iを押すと

<img src="a.png" alt="" width="901" height="537">

なんとwidth とheight が設定されます。すげー！！
ときどき画像サイズを調べて、記憶して追記みたいなことをやっていましたが
これは捗りそうです。
　
また、documentにある動画を見てみるとCSSでも同様のことができるようです。
Update Image Size 　

選択して、ctrl + w を押すとdefault divでくくられますが
自由に入力が可能で、単なるテキストの羅列をhtmlタグに変換できたりします。
　
こんなテキストがあったとして

google.com
dotinstall.com

ctrl + w 後に ul>li* と入力すると

<ul>
  <li>google.com</li>
  <li>dotinstall.com</li>
</ul>

ul>li*>a[href="http://$#"]{$#} と入力すると

<ul>
  <li><a href="http://google.com">google.com</a></li>
  <li><a href="http://dotinstall.com">dotinstall.com</a></li>
</ul>

ってなことになります。すげー！！

emmetもドットインストールもすげー。