20130821_1.png

Webデザイナーに必須のSublime Text 2パッケージを紹介

20130821 1

Webデザイナーに必須のSublime Text 2パッケージを紹介

周囲を見渡すと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/CSS Snippets

CSSの自動補完

jQuery

jQueryの自動補完

SideBarEnhancements

サイドバーに右クリックでプルダウンメニューが表示されるようになります。

実際にはもっといろいろなパッケージを入れていますが、その中でも「これは必須じゃないか」と思うものだけをピックアップしてみました。

Zen CodingでらくらくHTMLコーディング
なかのようすけ (2013-03-12)
売り上げランキング: 8,131
HTML+CSSコーディングが10倍速くなるZen Coding
こもり まさあき 岡部 和昌
インプレスジャパン
売り上げランキング: 613,034
HTML+CSSコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
こもりまさあき 西畑一馬 浜俊太朗
MdN
売り上げランキング: 26,425

この記事を書いた人

Takamasa Suzuki株式会社wEVA代表取締役Twitter:@webcrafts
沖縄に移住してあっというまに四年が経過しました。大勢の方と知り合え、本土にいたままでは経験できないようなこともいっぱい経験させてもらえて感謝の毎日です。

投稿者:

Takamasa Suzuki

沖縄に移住してあっというまに四年が経過しました。大勢の方と知り合え、本土にいたままでは経験できないようなこともいっぱい経験させてもらえて感謝の毎日です。