第2回 ブラウザ毎のサイトチェック環境を構築しよう | gihyo.jp
前回に引き続き、hxxk.jpの望月真琴です。 『実践Web Standards Design』では、モダンブラウザでの表示を前提とした制作方法を提示し、必要に応じてレガシーなブラウザへの対処方法を解説しています。 しかし、書籍の紙面では実際にブラウザでの表示をチェックする方法について触れていませんので、今回の記事で紹介しましょう。 クロスブラウザテスト 『実践Web Standards Design』で取り上げた制作方法やサンプルは、基本的に執筆当時の最新のブラウザでのチェックを行っています。 ひとくちにモダンブラウザと言っても、ブラウザごとに表示が異なることが多くなり得る「第7章XHTML&CSS Tips」や「Appendix2.DOCTYPEスイッチの一覧表」、「Appendix4.CSS3で新たに定義されるセレクタ」では最新のブラウザだけでなく、1世代あるいは2世代前のブラ
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
