Emmet LiveStyle ? live bi-directional CSS edit of new generation

CSS開発を爆速化する「Emmet LiveStyle」。
ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。
ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります
更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。
片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザに反映されるというのも凄い。iOSシュミレーターであってもライブプレビュー可能。
サイトのCSSがminifyやconcatされたCSSであっても簡単に編集可能。



こんなの見せられたら、正直普通の開発方法はやってられないという感じになりますね。
電車でいけるのに歩いていってる、みたいな感じになりそう。

関連エントリ

• 画像やCSS/JSを動的に圧縮したり結合したりできるコンテンツ配信最適化ツール「Munee」
• モバイルファーストなレスポンシブCSSフレームワーク「Cardinal」
• Yahooが作ったピュアCSSのUIライブラリ「Pure」
• 好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」