タグ

Emmetに関するhiga_tatsuyaのブックマーク (2)

  • tamlog

    1, 基編 control+Eで展開 idは # classは . 以下コードを使ってHTMLを記述 【入れ子】 > div>ul>li <div> <ul> <li></li> </ul> </div> 【同じ階層】 + div+p+bq <div></div> <p></p> <blockquote></blockquote> 【1つ戻る】 ^ div+div>p>span+em <div></div> <div> <p><span></span><em></em></p> </div> 【3つ戻る】 ^^^ div+div>p>span+em^^^bq <div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote> 【繰り返し】 * ul>li*5 <ul> <li><

    tamlog
  • Emmet CSSショートコード

    Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形

    Emmet CSSショートコード
  • 1