Sublime Text 2 + Emmet でRetina用に半分の画像サイズでimgタグを挿入する方法 - Qiita
概要 Sublime Text2 には Emmetをインストールした状態でhtmlを編集時にcmd + shift + p -> "Emmet : Update Image Size"で指定したパスの画像をwidthとheight込みでimageタグを挿入してくれるという便利機能がある。 Retinaを考慮したスマートフォン用にマークアップしている際はこの自動挿入されるwidthとheightのサイズを半分にする必要があるがそれができない。 既存の"Emmet : Update Image Size"を編集してRetina用に半分のサイズを自動挿入する方法を説明する。 1. スクリプトファイルを開く メニューのPreferences -> Browse Packages…でFinder開く 開いたFinderのEmmet -> emmet -> emmet-app.jsを開く 2. 編集
知らない人は遅れてる？新Zen-Coding Emmet
頭の中のページ構成図をリズムで書いて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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
