![Emmet
ファイルパスは
/Users/[ユーザネーム]/Library/Application Support/
Coda 2/Plug-ins/Emmet.codaplugin/Contents/
Resources](https://image.slidesharecdn.com/zencodingemmet-131214050259-phpapp01/85/Zen-coding-Emmet-41-320.jpg)
![Emmet
ファイルパスは
/Users/[ユーザネーム]/Library/Application Support/
Adobe/Dreamweaver CC/ja_JP/Con?guration/
Commands/Emmet](https://image.slidesharecdn.com/zencodingemmet-131214050259-phpapp01/85/Zen-coding-Emmet-42-320.jpg)
進化したZen coding "Emmet"
- 1. WTM #62
- 3. 井上 拓 takanashi66 広島工業大学 4年 フロントエンドエンジニア CSS Nite in HIROSHIMA 実行委員 2回目の登壇
- 6. Emmet the essential toolkit for web-developers - Web開発者にとって不可欠なツールキット
- 8. Emmet
- 9. Emmet 覚えておくことはただ１つ ctrl + e 環境によるようです…… あと、+ () > ^ * ショートカットは変更できます
- 13. Emmet ctrl + Zen Codingと共通 <HTML> <nav> <ul> </ul> </nav> e
- 17. Emmet ctrl + Zen Codingと共通 <HTML> <nav> <ul></ul> </nav> <div> </div> e
- 19. Emmet ctrl + e Zen Codingと共通 <HTML> .でclass <div class=“wrap”></div> divは省略可能
- 21. Emmet ctrl + e Zen Codingと共通 <HTML> #でid <div id=“wrap”></div> divは省略可能
- 23. Emmet 新機能 ^ <nav> <ul> </ul> </nav> <div> </div> ctrl + e
- 24. Emmet 新機能 ^ header > nav > ul ^^ div
- 26. Emmet ctrl Zen Codingと共通 {CSS} margin: ; + e
- 30. Emmet ctrl + 新機能 数値入力 margin: 0 auto; e
- 32. Emmet ctrl + e 新機能 ベンダープレフィックス -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
- 37. Emmet !
- 38. Emmet ctrl <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> + e
- 43. Emmet Sublime Textはもっと簡単で Preferences ＞ Package Settings ＞ Emmet ＞ Settings - User
- 44. Emmet { "snippets": { "html": { "snippets": { "dldt": "<dl>n<dt>${child} </dt>n<dd></dd>n</dl>" } } } }
- 48. ありがとうございました