ARCHIVE  ENTRY  COMMENT  TRACKBACK  CATEGORY  RECOMMEND  LINK  PROFILE  OTHERS
<< September 2020 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>
<< 便利な開発系リンク | main | subversionのipアドレス制限 >>
2016.02.05 Friday

スポンサーサイト

一定期間更新がないため広告を表示しています

2013.03.06 Wednesday

emmet

ドットインストールでzen-coding入門をみました。
特別な記法でhtmlを効率的に書けるツールで、zen-codingの次期バージョンがemmet。
cssの記法など、かなり拡張されているようですが、zen-codingを使っていなかったので、そこはよく分からない。

sublime text2にインストールしました。(emmet)

サクラエディタにもインストール(zen-coding)

emmet(ctrl+Eで展開)
■基本
・htmlひな形
html:5

・css読み込み
link:css

・favicon読み込み
link:favicon

・script
script

・リンク
a:link

・メール
a:mail

・input
input:hidden

■階層と繰り返し
>:1階層下る
^:1階層上る
+:同階層
*:繰り返し

div>div>div>p^^hr

div>div>p+hr

ul>li*3

■id、クラス、連番など
#:id
.:class
$:連番

ul#menu>li.item-$*5

select[name=city]>option[value=$]*5

a[href="http://under-siege.appspot.com"]

div{menu}*5

a[href="http://under-siege.appspot.com"]{沈黙の研究}

ちょっとずつ使ってみます。
2016.02.05 Friday

スポンサーサイト

コメント
コメントする








 
この記事のトラックバックURL
トラックバック
Powered by
30days Album
PR