position: absolute;

選択されているタグ : sublimetext2

Emmet + hayaku プラグインのショートコードをしらみつぶし(2文字まで)


このエントリは、Sublime Text 2 Advent Calendar 2012 の 11 日目として書いています。

※当初Emmetの記事として書いていましたがHayakuを入れていたことを完全に失念してました。ちょっと修正してます。ごめんなさい。ごめんなさい。

Emmet自体は別段Sublime Text 2のみの機能ではないですが、HayakuはSublime Text 2のプラグインとして提供されているので…。

というか見て頂ければ分かると思いますが、この作業自体はSublime Text 2の複数行の選択機能で非常に手早く出来ました。

[Ctrl]+[Alt]+[↓]で行選択→先頭文字を追加or書き換え→[Shift]+[Ctrl]+[D]で行の複製→[Ctrl]+[/]でコメントアウト→下の行で[Tab]を押してEmmetの変換。という流れで。

EmmetやHayakuのショートコードは柔軟性がとても高く、ある程度コンテキストを踏まえた変換も行なっている感じですが、とりあえず上記のように一括で変換した結果を載せています。[a~z][aaからzz]とほんの一部です。すいません。

もし、利用価値が高そうなショートコードをお探しでしたらCSSの記述を高速化する、Emmet (Zen-Coding)|Web Design KOJIKA17>hayaku/hayakuが参考になるかと。