emmet
Emmet：!は便利
! HTML上でこれをEmmetで展開すると下記のHTMLフォーマットを出力します。 <!doctype html> <html lang=”en”> <head> <meta …最近よく使うEmmet記法 2014年10月版
db → display: block; dn → display: none; dib → display: inline-block; bgc#fff → background-color: #ffffff; pos…最近よく使うEmmet記法 2014年8月版
db → display: block; dn → display: none; dib → display: inline-block; t0 → top: 0; l0 → left: 0; fll → float: …最近よく使うEmmet記法
少し長めの記法も一度覚えてしまえば使う頻度がかなり上がってきたのでご紹介。 fsz10px → font-size: 10px; ff → font-family tac → text-align: center; po…Emmetメモ：CSSのコーディング速度UP
HTMLと異なり複数行一度に出力はできませんが、CSSもプロパティ名を短縮形で書くことができます。 db dn poss posr posa posf m:a m10,5x w100 w100% fz13 fwb c#f…Emmetメモ：HTML基本構造を出力する
「Doctype」から始まるHTMLの基本構造を一発で出力できます。 ! 「コード？」って感じかも知れませんが、これをHTML展開すると下記になります。 <!doctype html> <html la…Emmetメモ：面倒なselectタグを一気に作る
selectタグによるプルダウンは量が多いこともあり、普通にコーディングしていると結構な手間です。そんな時こそEmmetで楽しましょう。 select>option*115>{$@1900} select&g…