Adobe Brackets でHTMLの編集画面から直接CSSファイルにあるCSSを編集する方法

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

クイック機能を使って、HTMLファイルからCSSファイルを直接編集する方法

Adobe Brackets にはクイック編集という機能があります
この機能を使うと、プロジェクト内にあるCSSファイルを縦断して直接編集することが出来ます

 

WS000808

クラスやIDにカソールを置き右クリックからクイック編集を選びます

 

クイック編集をすると、HTMLの編集画面に
CSSの画面が割り込んできます

WS000809

同一のクラス、IDがプロジェクト内の複数に存在する場合は選択することが出来ます
この場で編集したCSSはしっかりとCSSファイルの方にも変更が加わります

 

クイック編集を閉じるには ESCキーで閉じることが出来ます
また同時に複数のクイック編集を開くことも出来できとても便利です

PR

COMMENT

コメントを残す

PR

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

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

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

Twitter Facebook Google+ Feedly RSS

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