Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫

バイト先で「新ゆとり世代」と言われました。れこです。 HTML、CSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSassだ〜と手をつける前に、 もっと簡単に、デメリット無く作業効率をあげられます。 CoffeeScriptやSassなどのプリプロセッサ系とは違い、 CoffeeやSassの知識を開発メンバー全員が持ってないとならず、 結局自由が効かなくなる、ということはありません。 個人から使えて、チームで使ってもなお良し。 さらに、展開後のカーソルの位置がいい感じだったりと、 細かい気配りまで完璧です。 そんなEmmetを 僕が頻繁に使っている機能に焦点を当てて、紹介したいと思います。 Emmetの導入 Emmetは各種エディタ・IDEのプラグイン形式で配布されています。 お値段は無料です。 Web系の人が

[gi2357]

チートシート

[tokage113]

Emmet　コード

[yk4192]

いいリファレンス

[toripika]

Emmet コマンド

[kefi3104]

メモ

[satokenpanda]

Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫

[yamap_55]

HTMLやCSS記述の効率化。エディタやIDEが対応している場合も多いので、とりあえずこの記法に慣れる

[kuracom]

セレクタで書けてとても楽かもしれない。ベンダープレフィクスとてもありがたい。 / Codaに入れてみた。Cod2.5の場合はこちらも参照 http://blog.sakurachiro.com/2014/10/coda2-5-emmet-fixed/

[youpeikwsk]

“Emmet”

[ytkwsm]

なるほど

[aegis_00]

Emmetの基本

[sukceson]

Emmet 連番　DreamWeaver導入

[elm0423]

便利！

[suneo3476z_tn]

"メニューののhtmlどうなってる？" 浜松人かな？

[norabal]

コーディング高速化の第一歩に読ませてもらいました(・∀・)

[rcorco]

わかりやすかったですthx