ブラウザの不規則性を説明するCSS「フレームワーク」?

https://stackoverflow.com/questions/76854

09-06-2019
|

質問

私は小規模なメディア会社の Web サイトを構築しています。残念ながら、当社のクライアントベースの約 45 ～ 50% は IE6 を使用していますが、残りの半分は Firefox と Webkit ベースのブラウザにほぼ均等に分かれており、Opera ユーザーも少しいます。

私はすべてのサイトを、いくつかの変更を加えた、Eric Meyer のものと同様のリセットスタイルシートで開始します。私は最近、Blueprint CSS の「フレームワーク」をよく使用しており、特に思い入れがあるわけではありませんが、作業が非常に楽になりました。

私の開発時間の約 60% は、作成したサイトが各ブラウザーで大きく異なって表示されないようにすることに費やされています。Firefox 3 用にコードを作成し、そこから微調整します。

ブラウザーの愚かな小さな癖をすべて事前に解決しようとするスタイルシートやフレームワークを知っている人はいますか?ブラウザーのすべての奇妙な点を完全に説明できるものがないことはわかっていますが、最初はもう少ししっかりしたものがあるとよいでしょう。

独自に作成中ですが、何か始めることができれば幸いです。

解決

を見てみましょう YAML.

他のヒント

Yahoo YUI ライブラリは、クロスブラウザレンダリングの問題に対処するのに役立ちます。つまり、Reset コンポーネント (http://developer.yahoo.com/yui/reset/) は、ブラウザー固有のレンダリング (たとえば、特定の要素のマージンとパディング) をすべて元に戻し、サイトのデザイン時に開始する公平な競争の場を作成します。

読んで自分の中で消化する超越CSS アンディ・クラーク著、モリー・E.ホルツシュラーク、アーロン・グスタフソン、マーク・ボールトン。

これらの癖に対処できる一連のテクニックと、古いブラウザーや機能の低いブラウザー、またはスクリーンリーダーなどの他のテクノロジーを使用しているブラウザーでも Web サイトにアクセスできるようにするためのアドバイスを提供します。

基本的な目的は、適切に機能を低下させるサイトを作成することです。

これらの問題に対処するリソースへのリンクが多数含まれています。

ディーン・エドワーズ IE7ライブラリ Internet Explorer のいくつかの癖に対処します。

ブループリントはこの分野で初期に登場したものの 1 つであり、かなり成熟したものであると考えられています。

http://code.google.com/p/blueprintcss/

利用可能なフレームワークの膨大なリストは次のとおりです。

http://www.cssnolanche.com.br/css-frameworks/

当時、Web 開発コミュニティでは CSS フレームワークについて多くの興味深い議論がありました。多くの人は、これが構造とプレゼンテーションの分離に違反し、非セマンティックなクラス名と構造を導入することを懸念していました。

いくつかの見解:

http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/