Emmet のバックアップ(No.5)
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- Emmet へ行く。
- 1 (2013-04-23 (火) 10:03:44)
- 2 (2013-04-23 (火) 10:09:08)
- 3 (2013-05-07 (火) 10:38:49)
- 4 (2013-06-03 (月) 09:37:56)
- 5 (2013-07-06 (土) 23:25:28)
目次 †
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とか気になりました。
導入方法 †
コンソールを開いておきます。
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')
再起動
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
