フリーのスタイルシート・エディタ TopStyle new

おされなページは cool なツールから!

をモットーに、ブログ製作に際して多くのツールを試しました。

本当にありがたいことに、webには無料で使えるフリーウェアが無数にあります。
スタイルシートのエディタも豊富なのですが、その中でも群を抜いて優良だったのが TopStyle です。
日本語の情報が少なくて、なかなか見つけにくい隠れた逸品です。

TopStyle logo

主な特徴

  • セレクタ一覧(自動生成)から編集箇所にジャンプできます。
  • htmlファイルなしでプレビュー表示可能(web上の画像ソース等を自動取得します)
  • カラーパレット/カラーピッカー標準装備。
  • 入力補完機能(候補表示)あり。
  • 直接編集だけでなく、プロパティペインでも編集できます。
  • 元のスタイルシート記述をほとんど崩しません。
  • 日本語表示対応(インタフェースは英語です)

入手方法

TopStyle 公式サイトで紹介されている最新バージョン(Ver.4)は、残念ながら有償版しか存在しないようですが、ひとつ前の Ver.3.5 には「TopStyle Lite」というフリーウェア版があります。
「topstyle lite 3.5 download」等でぐぐってください^^

スクリーンショット

全体

TopStyle screenshot

左に編集ペイン、右にプロパティペイン、プロパティペインの下にプレビューペイン。

編集ペイン

TopStyle screenshot

もちろんキーワードをハイライト表示。

プロパティペイン

TopStyle screenshot

「color」プロパティに注目。
設定されている色をカラーコードと共に表示(これをしてくれるエディタは貴重><)

プレビュー表示

TopStyle screenshot


カラーピッカー

TopStyle color picker

選択中の色と相性のよい色(Harmonious colors)を表示したり、画面上の色をスポイトできたりと至れり尽くせり。

セレクタ一覧

TopStyle screenshot

クリックすると編集ペインの該当する部分にジャンプします。
この記事をツイツイする tweetSearch

Commentあなたのコメントをぜひ書き残してください!

新しいコメント

※設定しておくとあとからコメントを編集できます
管理者にだけ表示を許可する
※公開されません

Trackback あなたのウェブページをリンク!

Trackback URL

© こじょらぼ all rights reserved.

旧 すぐへこたれるこじょblog

Guild Wars 2 © 2010-2014 ArenaNet, LLC. and NC Interactive, LLC. All rights reserved. Guild Wars, Guild Wars 2, ArenaNet, NCSOFT, the Interlocking NC Logo, and all associated logos and designs are trademarks or registered trademarks of NCSOFT Corporation. All other trademarks are the property of their respective owners.

Back to Top