HTML や CSS を書くのがめっちゃ捗る Emmet を Atom でも使う
Emmet という HTML や CSS の記述がめっちゃ楽になるツールがあります。以前は Zen Coding と呼ばれてたのだけどいつのまにか名前が変わったみたいですね。 Emmet Documentation 例えばエディタ上で nav#menu>ul>li*3 という文字列を <nav id="menu"> <ul> <li></li> <li></li> <li></li> </ul> </nav> と展開できます。簡単なとこでも覚えておくと HTML 書くのがはかどります。 Zen-Coding は Vim では使ってたのですがもちろん Atom でも使えます。 emmet 使い方は簡単、html や PHP ファイルを開いている状態で HTML へ展開する用の文字列を打ち込んだら tab を押すだけです。 Tab キーは keymap.cson ファイルで以下のように設定可能
zencoding-vimでhtml編集の効率を上げる
私がVimでhtml編集を行うときに便利だと思った機能やプラグインを紹介します。 前回はテキストオブジェクトとsurround.vimでhtml編集を効率化する方法を紹介しました。 今回はzencoding-vimです。 目次 zencoding-vimとは ダウンロードとインストール この記事の書式について 略式記法を使ってタグを作成する テキストを1行ごとにタグで囲む タグの内側のテキストを選択する 次の編集位置にカーソルを移動する imgタグのwidthとheightを取得する タグを削除する タグの内側のテキストを削除する コメントをトグルする URL形式のテキストをaタグにする zencoding-vimとは zencoding-vimはHTMLを高速で入力するためのプラグインです。高速にhtmlを編集する機能が備わっています。機能を知るには、実際に試してみるのが手っ取り早いです
node-chromeを一日いじくり回してわかったこと - ひ孫
今朝方 http://www.moongift.jp/2013/02/20130216-2/ という記事を見つけた。 簡単にいえばnode.jsのUI部分をchromeに任せるようなものを作っちゃおう！って代物 過去にこういうことをやろうとしてchrome-extensionを作って挫折したりlocalhostの方をブクマしてたり色々やってた自分には朗報だったので早速node-chromeを触ってみた。 まずは普通にインストール $mkdir node-chrome-sample $cd node-chrome-sample $npm init $npm install node-chromewindowsだとインストール時にエラーが出る。ここについては後述するが、簡単に言うとエラー出ても問題なく動くっぽいのでこの場ではひとまず気にせず進める。 ソースを見てみる https://githu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
