Comment charger des images et d'autres éléments uniquement sur des navigateurs compatibles non-HTML5 et utiliser le code CSS3 sur ceux qui le font?

Question

J'ai conçu une mise en page de telle sorte que je puisse faire la plupart des images en utilisant CSS3 (en utilisant des dégradés, etc.) Je veux faire autant d'utilisation de HTML5 et CSS3 possible. Mais je ne peux pas ignorer les navigateurs qui ne les supportent pas encore. Donc, je me demandais s'il y avait un moyen de détecter d'abord un navigateur et s'il s'agit d'un navigateur non compatible HTML5/CSS3, le code chargera les images et s'il s'agit d'un navigateur compatible HTML5/CSS3, il utilisera du code avancé au lieu. Cela permettra d'économiser beaucoup de temps de chargement pour eux.

Quelle est votre opinion à ce sujet? Est-ce une bonne approche? Comment détecter le navigateur avant toute autre chose charge sur le site?

Answer 1

Découvrez HTML5 boilerplate, il a été fait pour résoudre ces problèmes très sérieusement.
Aussi CSS3Pie peut être utilisé pour ajouter le support CSS3 pour IE. J'ai oublié sa partie de la passe-partout HTML5 ou non.