MODERNIR, HTML5SHIV, IE7.JS et Pie CSS3. Qui à utiliser et quand?
Je commence juste à utiliser HTML5 et CSS3 dans mes documents. Je comprends le besoin de JavaScript pour apporter Internet Explorer à la vitesse avec ces nouvelles tags et styles, mais je ne sais pas qui utiliser et quand!
Mon plan était d'utiliser HTML5SHIV et IE9.js pour s'occuper des balises HTML5 ainsi que les PNG transparentes (et quelles que soient les autres erreurs de Pesky, elles fixent), mais alors la tarte MODERNIR et CSS3 ont été portées à mon attention.
Ma question est que si j'utilise modernizr, soint-il mon besoin de HTML5Shiv ainsi que de IE9.JS? Ou devrais-je les inclure aussi bien? Quel est le chevauchement, le cas échéant?
Et que fait la tarte CSS3 que le modernizr ou les autres ne le fait pas? Ou vice versa?
J'apprécie que vos gars aident. Faites-moi savoir ce que vous faites !?
J'ai une vaste expérience avec toutes ces personnes, les avoir utilisées pendant quelques années chacune.
modernizr
Comprend la fonctionnalité HTML5Shiv également beaucoup plus - si vous n'utilisez pas les autres fonctionnalités, alors ne l'utilisez pas, il ralentit les charges de la page, mais en vaut la peine si vous en avez besoin!
html5shiv
Très petit, il suffit de fixer des éléments HTML5 dans IE, rien d'autre.
CSS3PIE
Vous permet d'utiliser des frontières, des dégradés et des ombres de la boîte dans des versions plus anciennes d'IE. Peut également permettre à PNGS In IE 6. Ajoute un délai notable à la charge de la page.
IE7.JS (et IE9.JS)
Vous donne de nombreux sélecteurs CSS3, largeur min et max, plusieurs classes et positionnement fixe. Peut également avoir un correctif PNG si vous le souhaitez. Ne semble pas ralentir beaucoup de choses.
Conclusion
Mon conseil tomberait dans deux catégories:
Si vous utilisez simplement le nouveau (est de 2 ans neuf sur Internet ?!) Éléments et SÉLECTEURS CSS3, utilisez IE9.JS + le HTML5SHIV. C'est léger, et vous permet de continuer à vous rappeler que IE6 ne supporte rien.
Si vous utilisez beaucoup de choses CSS3, CSS3Pie triera le rayon de frontière et l'ombre de la boîte. Le support de dégradé semble un peu floconneux, alors j'ai toujours utilisé une image de seconde à la place. Modernizr vous permet de livrer facilement différentes propriétés aux navigateurs avec un support différent. J'ai principalement utilisé cela pour déterminer si un navigateur contient des transitions et des transformations CSS, car ils sont utiles pour les curseurs d'images ou les carrousels de contenu. Cela vaut la peine d'utiliser l'outil de personnalisation pour inclure uniquement les fonctionnalités que vous souhaitez - les formes WebFormes affichent une zone de texte avec 50 en elle pour un couple de millisecondes, il vaut donc la peine de désactiver si vous ne le voulez pas.
J'espère que c'est utile!
J'ai utilisé principalement CSS3Pie ... ça marche génial. Mais cet après-midi je l'ai testé sur mon ordinateur portable avec i.e8 et il y avait un problème avec elle ... il était désactivé certaines lignes CSS ... lorsque j'ai supprimé le code CSS3Pie mon site gagné deux fois la vitesse ... alors je suis venu Cross Les messages avec des personnes se disputent sur le ralentissement du CSS3 ... Donc, au moment où je suis occupé à trouver une autre façon pour IE7 et IE8 d'avoir des rayons frontières et des nuances.
Si vous voulez l'utiliser ... S'il vous plaît, testez beaucoup comme des correctifs non officiels