素材屋 / イラスト素材 / ブログヘッダ用写真素材 / 人気ブログ

CSSVistaで視覚的に素早くスタイルシート(CSS)の編集を

2008年6月23日(月)

CSSVista インストール画面

CSSVistaは、IEとFirefoxの二種類のブラウザの見え方を同時確認しながらスタイルシートの編集が出来るソフトです。Windows XPでのみ動作し、Microsoft .NET Framework Version 2.0が必要となります。

CSSVista 画面

↑起動させ、【File】→【Open】で、パソコン上のファイルを選ぶか、アドレス入力欄に編集したいサイトのアドレスを打ち込んでGOのボタンを押すと、ファイルが開けます。

CSSVista 編集画面

サイトを開いたら、GOの隣にある【Edit CSS】のボタンをクリックすると、CSSの編集が出来るようになります。編集画面は、下のキャプチャのような感じです。

CSSVista 編集画面

が、落とし穴が。CSSに表記されている日本語は、文字化けしてしまいます(-_-;)

文字化け

↑見事に文字化けしてます。
本来は、/*ギャラリー部分のスタイルです*/と書かれていた部分でした。

文字化けしています

↑結果、Firefoxでの表示が変な事に。日本語の混じった指示をしたCSSには使えないようですね。

日本語が使えないのは不便ですが、全て英語で書かれたスタイルシートの編集には何ら問題は無いと思います。
CSSを書き換える度にすぐプレビューに反映されるのはとても便利です。

CSSVista 公式サイトへ ※英語のサイトです

asi@