Brackets

説明

重点を置いたビジュアル ツールとプリプロセッサのサポートにより、Brackets はブラウザーでのデザインを容易にする最新のテキスト エディターです。ブラケット用の Creative Cloud Extract (プレビュー) を試して、コードを生成せずに PSD からクリーンで最小限の CSS を直接取得する簡単な方法を試してください。

PSD からコードヒントを取得する

Extract for Brackets (プレビュー) 拡張機能を使用すると、PSD からデザイン情報 (色、フォント、グラデーション、測定情報など) を、コンテキスト コード ヒントを介してクリーンで最小限の CSS として引き出すことができます。また、レイヤーを画像として抽出し、PSD からの情報を使用してプリプロセッサ変数を定義し、オブジェクト間の寸法を簡単に取得することもできます。

インライン エディタ

ファイル タブ間をジャンプする代わりに、Brackets を使用すると、最も関心のあるコードにウィンドウを開くことができます。特定の ID に適用される CSS に取り組みたいですか?マウス カーソルをその ID に置き、Command/Ctrl+E を押すと、Brackets によってインライン ウィンドウにその ID を持つすべての CSS セレクターが表示されるので、ポップアップなしでコードを並べて作業できます。

ライブプレビュー

ブラウザへのリアルタイム接続を取得します。 CSS と HTML に変更を加えると、それらの変更が画面にすぐに表示されます。また、CSS セレクターがブラウザーのどこに適用されているかを確認するには、カーソルをその上に置くだけです。これは、ブラウザー内開発ツールの利便性を備えたコード エディターの機能です。

プリプロセッサのサポート

まったく新しい方法でプリプロセッサを操作します。私たちは、ワークフローにとってプリプロセッサーがいかに重要であるかを理解しています。だからこそ、Brackets をプリプロセッサにとって最高のコード エディタにしたいと考えています。ブラケットを使用すると、LESS ファイルと SCSS ファイルでクイック編集とライブ ハイライトを使用できるため、これまで以上に簡単に作業できます。