- 追加された行はこの色です。
- 削除された行はこの色です。
*目次 [#fc53cc44]
#contents
*emmet [#zbbdf4f8]
http://docs.emmet.io/
*説明 [#vb1732e8]
**説明 [#vb1732e8]
htmlのコーディングを少ないキー入力で行う方式で、エディタにプラグイン形式で機能を追加することが多い
http://kojika17.com/2012/09/zen-coding-next-emmet.html
*emmet [#k5e1e106]
*記法とか [#n0f69747]
**知らない人は遅れてる?新Zen-Coding Emmet | DECONCEPTER [#d631ef4a]
http://log.deconcepter.jp/2012/10/emmet/
導入方法が書いてあります。
特徴が書いてあります。
**Zen-Codingの次期バージョン、Emmet について|Web Design KOJIKA17 [#y46f1387]
http://kojika17.com/2012/09/zen-coding-next-emmet.html
Emmetの新しい機能
の記事があります。
今までのZen-Codingのドキュメントの記事へのリンクもはってあります。
Emmetが使えるIDE/エディタ
の記事があります。
**CSSの記述を高速化する、Emmet (Zen-Coding)|Web Design KOJIKA17 [#q45bf30f]
http://kojika17.com/2012/10/css-speedstar-for-emmet.html
CSSのショートコードが書かれています。
Sass, Less(メタ言語) と Emmet(Zen-Coding) のどちらを使えばいいのか?
の記事があります。
**Sublime Text2 Emmet でのスニペット(snippets.json)利用のススメ [#bf6055b3]
スニペットを追加してPHPのwordpressのコードを素早く入力できるようにする方法が書かれています。
http://webya.in/archives/3777
スニペットの定義ファイルの位置はMACOSについて記載されていました。
***windows8のsunipet定義ファイル位置 [#yb3e6349]
C:\Users\<<ユーザのフォルダ>>\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet
**emmetチートシート [#k5e1e106]
http://docs.emmet.io/cheat-sheet/
*eclipseでemmet [#uddbe69c]
エクリプスでもできた。
http://www.yuhei-tsukahara.com/2012/11/eclipsezen-coding.html
*その他 [#m1cc8fc5]
sublime text 2 のzen codingパッケージはemmetに置き換わっている
*Sublime Text 2とEmmetで制作効率アップ! [#p86e236f]
http://kirinblog.com/tool/sublimetext2-emmet.html
このページにいろいろ、使えるSublime Textのプラグインとか書いてあります。
Emmetの勉強になるサイトとか書いてあります。
そういえば、コメント欄にある
sassとかhayakuとかcompassとか気になりました。
**導入方法 [#m4d18816]
コンソールを開いておきます。
上記のサイトのコードを入れます
再起動
ctrl shift p
で、適当に「Package」とか入力すると「Install Package」とか「Remove Package」とか出るのでInstall Packageで好きなプラグインをインストールしましょう。
*ショートカット [#xa516540]
[SublimeText]Emmetを使いこなすためのショートカットキー
http://wada811.blogspot.com/2013/03/sublime-text-2-emmet-shortcut-key.html