頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge
2010-02-27 editor xyzzy 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ とかを読んで、最近 Zen-Coding とかいうものが流行っているらしいことを知りました。私は html や xml のマークアップの際は xyzzy というエディタと、続マクアプ用 lisp で紹介した lisp を使っているのですが、これをちょこっといじって、Zen-Coding とまでは行きませんが、div.hoge を div class="hoge" にしたり、div#fuga を div id="fuga" となるようにしてみました。 ;;カーソル行をタグで括る (defun quote-line-by-tag (&optional (quotetag "")) (interactive "*sTag: "
Zen Coding for Notepad++(0.6.1): 標準の言語以外の設定を登録する(JavaScript, PHP) 標準ではHTML, CSS, XML, XSL, HAMLしかスニペット等を設定できませんが、JavaScriptとPHPの設定も入れてみたかったので方法を調べていました。 Zen Coding.jsを見てみると3955行目にknow_syntaxesという変数があったので、それにJavaScriptとPHPを追加したらそれぞれの設定ができるようになりました。 var know_syntaxes = { 'html': 1, 'css': 1, 'xml': 1, 'xml': 1, 'haml': 1, 'js': 1, // JavaScript 'php': 1 // PHP }; 確認のため、Zen Coding.jsのzen_settings内か、m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
