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