TOPStyle Lite

| | コメント(0) | トラックバック(0)

・TopStyle Lite
http://www.bradsoft.com/topstyle/tslite/index.asp

フリーのCSS 専用のテキストエディタです。
現在のバージョンは3.10。

「Options」>「Options」>「Editor」タブ>「Font」で日本語フォントを指定すれば、日本語(SJIS)も使えます。

ウィンドウ構成

3つのペインから成ります(下図では2ペインのみ表示中)。

TOPStyle Lite

  • 「コード」ペイン(?)
    ファイルの内容が表示されます。
  • 「Style Inspector」ペイン
    「Properties」タブと「Selectors」タブからなります。
    • 「Properties」タブ
      現在編集しているエレメントの指定しうる属性が表示されます。
      「CSS Level1」「CSS Level2」「Internet Explorer 6」「Opera 5 and 6」などのグループを選択し、「Categoleze by group」アイコンをクリックすると、設定不可能な属性は灰色に表示されます。
      プルダウンメニューで値を選択すると、コードに設定値が反映されます。
      お勧め!: 虫眼鏡アイコンをクリックすると現在のエレメントのプレビューが表示されます。
      いちいちブラウザで再表示しなくてもデザインの確認ができるのでとっても便利です。
    • 「Selectors」タブ
      エレメントやクラス名の一覧が表示されます。
      選択すると、選択したエレメントのコードが表示されます。
  • 「Preview」ペイン
    全エレメントのプレビューを同時に表示することができます。
    上画像では非表示にしています。

コード内で検索機能は欲しかったな。
「Style Inspector」ペインの「Selectors」タブがあるからいらないということかな?

トラックバック(0)

このブログ記事を参照しているブログ一覧: TOPStyle Lite

このブログ記事に対するトラックバックURL: http://kinshachi.ddo.jp/mt/mt-tb.cgi/190

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、ikeが2004年2月22日 22:05に書いたブログ記事です。

ひとつ前のブログ記事は「GetHTMLW/GetHTML」です。

次のブログ記事は「リモートデスクトップ」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

最近のコメント

Powered by Movable Type 4.261