Zen-Codingの次期バージョン、Emmet について - kojika17
Sergey Chikuyonok氏のGithubを見に行ったら、"Emmet (ex-Zen Coding)" という気になる記述があり、気になったので調べてみました。 Zen-Codingについて Zen-Codingは、IDEやエディタで使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。多くのアプリケーションで提供されており、3年前ほどから日本でも多くのサイトがZen-Codingを紹介しています。 そのZen-Codingが、「Emmet」と、リネームされてプロジェクトが進められているようです。 Emmet(beta) Emmetは、開発中です。 正式リリースはまだですが、機能は試すことができます。 Emmetは、2013年2月24日に正式リリースされました。 基本的には、今までのZen-Codingと変わりません。 Zen-Codingを使っていた人は、
メモログ
💡 Personal notes about somthing I'm interested in （追記 2013/1/30）Packageの名前がZen Codingから「Emmet」に変わっていました。ので、Packageの名前をEmmetに差し替えました。あわせて最後に書いていたスニペットの変更方法もちゃんとした（？）方法に書き換えました。 Can’t Get Into Preprocessors? Try Zen Coding | Design ShackでSublime Text 2でZen Codingのインストール方法が紹介されていたので、試してみました。 まずSublime Package Controlをインストール。起動してSublimeのコンソールを開く（View->Show Console）。コンソール上で、Installation - Sublime Pack
Chrome ウェブストア - Zen-Coding Textarea Extension
Add new features to your browser and personalize your browsing experience.
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
Vimmerなプログラマは迷わずZen-Codingしろ！ - idesaku blog
前々から気になっていた、Zen-Codingを試してみた。これはすばらしい！特にVimmer*1は迷わず使うべき。 プログラマの世界ではコピペは悪！しかし… 「"Hello."と３回表示するプログラムを書け」と言われたら、どう書く？ puts "Hello."と書いて、コピペで３行にするのさ！ puts "Hello." puts "Hello." puts "Hello." そんなわけない。もちろん、ループを使うだろう。 3.times { puts "Hello." } それでは、「HTMLで３項目からなるリストを書け」と言われたら？ <ul> <li></li> <li></li> <li></li> </ul> ……今、liを書いてコピペして増やさなかった？ こういうときも、プログラミングするときみたいに書ければなぁ。 という願望を満たしてくれるのが、Zen-Codingだ。このケ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML+CSSコーディングが10倍速くなるZen Coding コーナーの記事一覧 | Web担当者Forum
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting