最近、すべてのブラウザー プラットフォームで CSS グラデーションを簡単に生成できるUltimate CSS Gradient Generatorサイトを見つけました。私が探していたものにぴったりです。ただし、複数の宣言をクロスブラウザー互換にする必要がある CSS の他の側面 (つまり、-webkit-* のようなもの) にも遭遇しました。複数の種類のブラウザを使用して開発するのは大変です。私は、最初のテストでは Firebug を使用して Firefox で開発し、その後、QA としてクロスブラウザー テストを行うことを好みます。
私の質問は、既存の CSS (Firefox や Safari などに固有のもの) をプラグインして、他のブラウザー用の適切なブラウザー固有の宣言で「正規化」できるサイトを知っている人はいますか? たとえば、CSS に次のようなものがあるとします。
-moz-border-radius: 2px;
これらの宣言がいたるところにあるCSSファイルをプラグインできるようにしたいのですが、サイトにも次のようなものを追加してもらいたいです...
-webkit-border-radius: 2px;
(そして、他のブラウザで同等のものは何でも)
これを実現するツールまたはサイトを知っている人はいますか? もちろん、出荷前に広範なクロスブラウザー テストを行う必要がなくなるわけではありませんが、開発時間が大幅に短縮されると思います。