最近のブラウザ市場では開発競争が激しくなっていて利用するユーザにとって
選択肢が増える事はいい事ですがWebサイトを作る際にはそれぞれ確認が
必要になって作業が増えてしまいます。

CSSVista（フリー）はIE7とFirefox2を同時に確認しながらcssの編集が出来るので
作業の短縮になるのではないでしょうか。

使用画面はこちら



有料版($24)で確認できるエディタのリスト

Windows browsers

* Explorer 8.0 (Beta 2)
* Explorer 7.0
* Explorer 6.0
* Explorer 5.5
* Explorer 5.0
* Firefox 3.0
* Firefox 2.0
* Firefox 1.5
* Firefox 1.0
* Flock 1.1
* Google Chrome 0.2
* Netscape 9.0
* Netscape 7.2
* Opera 9.5
* Opera 8.1
* Opera 7.5
* Safari 3.1
* Sea Monkey 1.1

Mac OS X browsers

* Camino 1.6
* Camino 1.0
* Safari 3.1
* Safari 2.0

Linux browsers

* Firefox 3.0
* Firefox 2.0
* Konqueror 3.5

$24でこれだけ確認できるのなら買って損はしないですよね。

CSSVista

コーダーの寺本です。

XHTML＋CSSレイアウトのコーディングをしていて、ブラウザの解釈の違いでコーダーを悩ませてくれるのが「IE6」ですよね。

最近の寺本は、ブラウザとそのページを印刷した時の表示の差について、いろいろと勉強しています。

そこで、印刷はＩＥの方が上手なのでは・・・と思いました。

理屈通りに組んでいくと素直にブラウザ表示してくれるFireFoxですが、

印刷だとなぜか、IEよりもうまくいかないのです。

コーダーの皆さん、いかがでしょうか？

印刷用CSSで困ったことの紹介。

コンテンツをfloatした時、そのコンテンツを囲っているブロック要素に

「overflow: auto;」

を与えて、背景の高さを確保するように使用していた。

これを発見した時はなんと画期的なんだと、感動していたが、

これが思わぬ落とし穴だった。

作成したWEBページの印刷プレビューを見ると、

ページの内容の途中が切れてしまい表示されないことがある。

「overflow: auto;」をはずすことにより、ちゃんと表示された。

背景の高さ確保に、安易に「overflow: auto;」を使うのは危険だ。

MdN InteractiveでCSSフレームワークの記事が紹介されていました。

CSSフレームワークによる作業の効率化


自分はPHPでの開発が専門であまりCSSに詳しくない為、

たまにCSSを書くときには大抵、他のサイトや

以前作ったサイトからコピー&ペーストしてきます。

なので、CSSのライブラリなどがあれば便利だなと

常々思っていたんですが調べてみるとすでにあるものですね。


フレームワークは学習コストが高いですが、一度学習すると

作業の効率化に繋がります。

一長一短ですが導入するかどうか検討するだけの価値はあると思います。


こちらの記事ではYUI Grids CSSとBlueprint CSSの使い方が

簡単に紹介されています。CSS初心者の自分にもわかるように

書いてあるのでとりあえず使ってみたい人には参考になると思います。



なお、こちらの記事は

Web creators (ウェブクリエイターズ) 2008年 12月号 [vol.84]

からの転載なのでWeb creatorsを買っても見る事が出来ます。