Webデザイナーに必須のSublime Text 2パッケージを紹介 | Webクリエイターを目指せ！
周囲を見渡すとWeb制作時のエディタとして Sublime Text 2 を使っている人ばかりになってしまったので、今回もSublime Text 2の紹介としてWebデザイナーに必須のパッケージをいくつか紹介します。 Emmet 以前は Zen Coding を入れていましたが、最新版のEmmetを入れてコーディング時には利用しています。HTMLを短くショートコードで記述することができるので便利！！ Sublime Text 2の場合は [Ctrl]+[e] でコードを展開してhtmlにしてくれます。 覚えると非常に便利なのでゆっくりでもいいので覚えていきましょう Zen-Coding（Emmet） については、後日また記事にして紹介する機会をもうけようと考えています。 BracketHighliter 開始タグと終了タグをハイライト表示 HTML/HTML5 入力にhtmlが補完入力さ
これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ
[SublimeText]Emmetを使いこなすためのショートカットキー
Emmet には便利なショートカットキーがあるのでまとめておく。 Actions | Emmet Documentation Expand Abbreviation[SublimeText]Emmetで高速HTML/CSSコーディング HTML編 | DevAchieveで 説明した事ができる。詳しく書いているのでぜひ見てほしい。 Match Tag Pair[SublimeText2]Bracket Highlighterで括弧を強調表示する | DevAchieveの括弧内全選択のHTML限定版。 キーひとつで範囲広げたりできるのでHTMLメインならEmmetの方が便利。 Sublime Text 2 では単語選択のショートカットとかぶっているのためか、ショートカットキーが異なる。 Ctrl + d: 選択範囲拡大 Ctrl + j: 選択範囲縮小 Go to Matching Pai
第0回 Sublime Text 2 勉強会 で Emmet について話してきた - techlog
はじめてのEmmet with Sublime Text2 from Sadaaki Hirai 第0回 Sublime Text 2 勉強会で、「はじめてのEmmet with Sublime Text2」というLTをやってきた。 第0回 Sublime Text 2 勉強会について 勉強会の詳細や、togetterはこちら。 第0回 Sublime Text 2 勉強会 : ATND 第0回 Sublime Text 2 勉強会まとめ - Togetter なんと岡山でサテライト会場も。 第0回 Sublime Text 2 勉強会 岡山サテライト : ATND とりあえず Sublime Text Japan Users Group にはいろうよ。 Sublime Text Japan Users Group - Google グループ 紹介されたプラグインはこちらにまとめが。すばら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://toybox-design.net/?p=488
