Brackets

Web開発を進める一番の方法はデザインと実装の間のつながりを作成し、統一することです。BracketsはHTML、CSS、Adobeによって開発されたJavaScript用のエディタで、ページ作成のプロセスを効率化し、グラフィックエディタと特定の言語に変換する際に改善を行うツールを提供します。

Bracketsはコードを自動検出する分かりやすいインターフェースのオープンソースツールです。このツールはコードをインデントしたり、色分けして識別しやすくし、作業領域内のプロジェクトのすべての要素を整理できるので、コードを書くのにも便利です。作業エリアではすべてのものをツリーでカテゴリ分けし、コードファイルとビジュアル要素によってプログラミング中のページが構成されます。

Live Previewモードで最も興味深い機能は、プロジェクトをブラウザで開き、ソースコードで行った変更をリアルタイムで確認できるものです。さらに第三者による拡張機能で大幅に機能を拡大することができます。そのうちのひとつはExtract for Bracketsで、プログラムに最初から内蔵されています。Photoshopのファイル形式、PSDでデータをエクスポートできますが、Adobeのアカウントが必要になります。