CSSに関心のある方は要チェック!!

CMSやBlogのテーマをカスタマイズしようという場合にはどうしてもCSSの書き方を少しばかり学習しなくてはいけません。しかし、通常のhtml書類でホームページを作成している場合と違い、ページ内の見た目をダイレクトに書類に書き込むわけではないので、始めは少し戸惑いますし、特にCMSなどの場合にはサーバー上で動いていないとCSSにリンクした状態ではないので、一般のホームページ制作ソフトでページを開いて修正したり書き加えたりという訳には行きません。一般的にはローカルのサーバー上にCMSなどを表示させておいて、そのスタイルシートをエディターで修正しながら調整していると思います。


ホームページを作る場合に tableを便利に使っていた場合には、CMSの場合にはdivによる方法に変わっているのでこれまた少し戸惑う点ではないでしょうか?
divを使用する場合には書き方が簡易になって便利ですが、tableよりはその位置関係のコントロールが少し面倒で、きちんと数値をあわせて書いておかないと、思い通りの場所に表示されない場合も多く、また表示するブラウザによって微妙にずれたりするのも厄介な点です。

いずれにしても、こうした環境を少し便利にできないかと思うのが人情です。そこでCSSを便利に書くためのツールが無いかと探して見ましたが、とりあえずエディターとしては「TopStyleLite」 というのが便利そうです。有料版と無料版があり、Liteは無料版の方でこれでも相当機能が高いようです。まだチェックだけなので細かな説明はできませんが、ちょっとよさそうです。また、日本の制作者がCSS用のエディターを出していますが、確かこれはJISかSJISしか使えなかった気がします。(「StyleNote」)
もうひとつ面白いのがあったのでご紹介しておきますが、WebDeveloperというFirefoxのプラグインがありますこれはなかなかユニークなツールのようで、ブラウザにページを表示させてそのままスタイルシートを編集できてしまうものです。ざっくりメニューを一覧しただけなので操作方法はまだよく分かりませんが、ローカルサーバー上に立ち上げたCMSやBlogのページを表示させ、ブラウザの左や下の部分にCSS書類を表示させて直接編集できてしまいます。これがどの程度使えるものかよく分かっていないのですが、発想がなかなかユニークですし大変面白いツールです。
今後自分自身がCSSのカスタマイズの際に便利なツールが欲しいので機会があればチェックしたいと思っています。MoonGiftさんで結構紹介されていますが、なかなか総てを使って見ることもできないところが厄介なところです。この記事の中のツールはリンクを参照してください