Emmetは、HTML・CSSのコーディングを効率適にしてくれるプラグインです。
Emmetの省略記法を使用すれば、下記を入力してTabキーを押すだけで展開がされます。
|
1 |
#test>ul>li*5>a |
↓
|
1 2 3 4 5 6 7 8 9 |
<div id="test"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div> |
Dreamweaver CC 2017ではEmmetが標準搭載されています。また、個人ででDw用の拡張機能として追加も可能です。
Emmetのcheat-sheetを見ると沢山の省略記法があり、イロイロ調べてみると便利な機能存在するので、調べてみるといいですね。
この記事を見た人は次の記事も見ています。
テキストの縦方向の中央揃え
デバイスチェックに便利なChromeプラグイン
指定したページでメイン画像を切り替える
alt属性について 
時短に使える、CSSボタンジェネレーター
ウェブ魚拓
Androidでの©の色
illustrator行送り
WordPressのwhile文を1回で終了
WP:アイキャッチ画像の有効化
イラレのアセットの書き出しで荒れるとき
ピクセルグリッドに整合
記事内で使用されている画像をサムネイルとして表示する方法- ノート風の罫線を作成する方法
bxslider 両サイドに前後の画像を表示させる方法
Photoshop消しゴムツール
IE11でのflex
jQueryで高さの取得
IE8で:beforeなど疑似要素が適用されない場合- アイキャッチをドロップで設定できるWordPressプラグイン
コメント