最新情報  

[CSSVista]IEとFirefoxで同時に表示確認

以前にMultiple_IEs(Internet Explorerを複数インストール)をご紹介しました際に触れましたとおり、複数のブラウザでサイトを確認するの機会が非常に多いのですが、今回はIEとFirefoxで同時に表示確認できる[CSSVista]をご紹介します。

What is it?
CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. If you like this, you may be interested in our browser compatibility service, SiteVista. Yes, that’s why this software is free!

名前はCSSVistaですが、Windows XP でのみ動作するソフトのようです。興味がある方は下記URLからどうぞ。
http://www.sitevista.com/cssvista/
※インストールにはMicrosoft .NET Framework Version 2.0が必要となります。

導入手順(サイト見れば英語を読むまでもなくわかりますが)

  1. Microsoft .NET Framework Version 2.0をダウンロード&インストール
  2. CSSVistaをダウンロード&インストール

実際使ってみた感じ、インターフェースもわかりやすいし、良い感じだと思います。複数のブラウザを立ち上げるのがめんどくさい方や、メモリの関係上などにアプリケーションを絞りたい方にオススメです。
(各ブラウザの複数バージョンにも対応しているそうです。)


Tags:

Popularity: 14%

透過(透明)PNGのブラウザ対応状況

ちょっと複雑なレイアウトを組む際、キレイにHTMLコーディングするために、透過(透明)GIFや透過(透明)PNGを利用するのですが、透過PNGのブラウザ対応状況が微妙で調べてみたのだけど、あまりまとまっているサイトがなかったためメモを残してみる。(GIF形式でも透過処理はできるのだけど、さまざまな背景の上でもドロップシャドウなどををキレイに見せるにはアルファチャンネルのPNG画像である必要があるため)

≪透過(透明)PNGブラウザ対応状況≫
IE6以下:PNG8→角が荒い(PNG24→透過できず)
IE7[for Win]:キレイにいける
Gecko/Mozilla(Sleipnir)[for Win]:キレイにいける
Safari2.0.4[for Mac]:キレイにいける
FireFox2[for Mac]:キレイにいける
Opera9[for Mac]:キレイにいける

IE7の透過PNG対応はPNG愛好者(?)にはいいうれしい話なのだけど、先日のブラウザシェアからすると、まだまだ未対応がメジャーだと思っていた方が無難なようだ。

■続きの内容:「Javascriptハックや保存形式による回避など」


Tags:

Popularity: 20%

[Multiple_IEs]Internet Explorerを複数インストール

最近とにかく制作案件が多く、特にデザイン関連よりもHTMLコーディングに追われる事が多い。今月に入って何ページHTMLコーディングを行ったのだろう。。

XHTML+CSSコーディングのノウハウもかなり溜まってきて、(この辺はいつか時間が出来たらまとめようと思いながらも、たぶん伸び伸びになるのだろう)今ではシンプルなソースで思い通りのレイアウトにする事は結構容易いのですが、常に考えるところがブラウザチェック。

≪現在のブラウジング環境≫
1.IE7(Sleipnir)[for Win]
2.Gecko/Mozilla(Sleipnir)[for Win]
3.Safari2.0.4[for Mac]
4.FireFox2[for Mac]
5.Opera9[for Mac]
6.MacIE4.7[for Mac]

■続きの内容:「ブラウザ確認便利ツールやブラウザシェアデータなど」


Tags:

Popularity: 10%