MOONGIFT

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。

CSSのプロパティを見ながら指定できる「Simple CSS」

タグ: [] [] [] [] []

buzz_button

CSSを常日頃から使わないと、ちょっとしたプロパティを忘れてしまう。例えばcursorプロパティに設定できる文字は何があっただろうか、といった具合だ。ネットを使って調べても良いが、オフラインの場合に困ってしまう。

ピクチャ 10.png
テキスト設定

 

そんな時に使えるのが、CSSエディタだ。シンプルなものが良ければSimple CSSが便利だ。

今回紹介するフリーウェアはSimple CSS、Mac OSX向けのCSSエディターだ。

Simple CSSはCSSの設定ごとに一覧し、プロパティを一つ一つ設定できるCSSエディタだ。テキスト、表示、ボーダー、寸法と設定項目がグルーピングされているので分かりやすい。設定項目は自由に入力できる場合はテキストボックスだが、項目から選択する場合はドロップダウンから選ぶだけで良い。

ピクチャ 12.png
ボーダー一覧

 

テキストの色もピッカーから選ぶだけで良い。意外と忘れがちな項目名や設定方法もSimple CSSを使えば容易に設定できそうだ。さらに項目は並び替えができるので、CSSの整理にも使えて便利だ。

既存のCSSをインポートすることもでき、ソースビューを使って実際のCSSを見ることもできる。簡易的なプレビュー機能もあるので、確認しやすいだろう。CSSを編集する際に使ってみたいソフトウェアだ。

 

Simple CSS - HostM.com Web Hosting
 http://www.hostm.com/css/

Download Simple CSS for Mac - Create CSS from scratch. MacUpdate Mac HTML Software Downloads

 http://www.macupdate.com/info.php/id/26051/simple-css

June 13th, 2009 Posted by admin | 1コメント

1 Comment »

  1. はじめまして。
    普段使わないものを確認する、となると
    それなりにCSSを理解している人かな、と思います。

    そういう前提であれば、
    Firebugでプロパティを入力すると
    矢印キーの上下で設定できる値が表示されるので
    それを使う、というのもひとつの手ですね。

    windowsで使えないのでちょっとコメントしてみました(^^;

    Comment by えど | 2009/06/16 Tuesday

Leave a comment

MOONGIFTネットワーク。こちらもぜひご覧ください。
MOONGIFT
Open Service
Rails 2.0
Resident on Net
iPhone最適化
リーンソフトウェア
MarketPedia
Producing Web
Cool Coding