Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Emmet

Emmet | Groupingの隠れた挙動

概要 Groupingの隠れた挙動 詳細 EmmetのGroupingの隠れた挙動について。おそらく公式な仕様としては周知されていないのだと思いますが、 Groupingを使う時に直前の要素に対して「>」や「+」や「^」を利用して 同一階層にするか、一階層下にするか、一階層上…

Sublime Text2 | Emmetプラグインのロケール設定

概要 Emmetプラグインのロケール設定 詳細 Emmetプラグインのロケール設定をします。設定ファイルのフォルダ内の %Sublime Text 2%/Packages/Emmet/emmet/snippets.json を開いて3,4行目を編集します。設定前 { "variables": { "lang": "en", "locale": "en-…

Emmet(Zen-Coding) | 同一タグを多数出力する際に、属性やテキストに連番を付与する

概要 同一タグを多数出力する際に、属性やテキストに連番を付与する 内容 同一タグを多数出力する際に、属性やテキストに連番を付与します。 tag[attribute=value$]*nnが連番数。 value$の$の部分に連番が挿入されます。 サンプル before div#hoge_${hoge$}*…

Emmet(Zen-Coding)

概要 HTML、CSS、XMLのコーディングを高速化するEmmetについて 詳細 内容 code url 要素内のテキストを入力する {} http://d.hatena.ne.jp/tbpg/20131006/1381064353 同一タグを多数出力する際に、属性やテキストに連番を付与する tag[attribute=value$]*n h…

Emmet(Zen-Coding) | 要素内のテキストを入力する

概要 要素内のテキストを入力する 内容 要素内のテキストを入力するには以下の文法を利用します。 tag{text} サンプル1 before div{hoge} after <div>hoge</div> サンプル2:連番との併用 before div#hoge_${hoge$}*5 after <div id="hoge_1">hoge1</div> <div id="hoge_2">hoge2</div> <div id="hoge_3">hoge3</div> <div id="hoge_4">hoge4</div> <div id="hoge_5">hoge5</div>