リアルタイムにプレビューができるコードエディタの Brackets で分割ビューが利用可能になり コーディングのスピードアップ

brackets split
このエントリーをはてなブックマークに追加
PR

Brackets の新しいバージョン 0.44 が出ました

こちらのバージョンから、Bracketsの画面を分割して 2つのファイルを開けるようになり

コーディングがさらにやりやすくなりました

 

HTMLとCSS両方表示して作業すれば

ファイル間の画面の移動がなくなりとても便利です

 

 

Brackets の分割ビュー

brackets split (1)

brackets の左上の検索のあたりにあるアイコンをクリックすると、左右分割か上下分割でコードをファイルを表示することが出来ます

HTMLとCSSを表示してコーディングをしていくのもいいですし

CSSとCSSスプライトファイルを表示して 座標を取得しながらCSSを作成しても便利

上下に分割して、隣に ライブプレビューを表示させれば、シンプルなサイトならサクサク作れてしまいます

 

 

 

上下に分割して表示例

コードを上下に分け、横にはライブプレビューを表示でインブラウザデザインモード

brackets split (2)

 

 

 

左右に分割して表示の例

コードを大きく左右に表示して、集中的にコードを書いたり比較したりする 集中モード

brackets split (3)

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)