問題タブ [polyfills]

私はネットで検索していますが、Modernizr の実際の例を確認できる単一の場所が見つかりません。

例またはhttp://jsfiddle.net/デモページのリンクはありますか。

これは私が使用するマークアップです:

古い IE では機能しないことに気付き、HTML 5 ポリフィルを探しています。

この HTML5 機能をカバーする特定のポリフィルを知っている人はいますか?

個人的には、ブラウザーの機能や最新性に関係なく、すべてのユーザーに優れたUX を提供することが目標だと常に考えてきました。ただし、これは常に同一のページ レンダリングと機能と一致するとは限りません。

職場では、すべてのブラウザーでページが同じようにレンダリングされるようにするよう求められています。つまり、デザインを落として最新の機能を使用しないようにするか、レガシー ブラウザーに大量のポリフィルをロードして「ブラウザーの透明性」を実現します。ページの使いやすさに影響を与えないスタイルや機能のページ読み込みが長くなるため、UX が損なわれます。

極端に言えば、デザインは JS を使用せずに最小公分母 (JS を使用しない人もいます) に対応する必要があり、これを超える機能は統一性の名目で除外する必要があることを意味します。

同一の UX が目標ではなく、ブラウザーの最高の機能に対する優れた一貫した UX であると考えるのは間違っていますか?

かなりの数のポリフィル プラグインを見てきましたが、それらはすべて、メディア クエリに応じて img タグの挿入に依存しているようです。

私がやりたいのは、さまざまなサイズの画像をロードすることですが、インライン CSS を使用して順序付けされていないリストの背景画像として表示することです。

つまり、次のようなものです。

これは可能ですか？img タグを使用してこれを実装する方法はありますか? リーホバーがその中に収まるように、写真に合うようにULが必要です。

編集-メディアクエリを使用してページにスタイルブロックを直接追加することを考えていたので、サーバーデータを使用して動的に入力できます。

それは実行可能な解決策ですか？

CSS3 アニメーションを機能させたいと考えています。IE9 以前を除くすべての主要なブラウザーで正常に動作します (驚くことではありません)。それでは、これ以上苦労することなく、CSS を次に示します。

-msのように反応するだろうと思ってプレフィックスを使用しました-webkitが、明らかに IE (lte 9) は連携しませんでした。

スライドインする要素も必要ですが、IE が連携しないため、 modernizr以外の明白なポリフィルを忘れていると思います。

最適ではありませんが、多くの人が jQuery の代替手段を参照しているのを見てきましたが、さまざまな時間と速度でさまざまなアニメーションを可能にするスニペットをまだ探しています。