javascript - modal - modernizr version

Modernizr, html5shiv, ie7.js y CSS3 Pie. ¿Qué usar y cuándo?

Question

Estoy comenzando a usar HTML5 y CSS3 en mis documentos. Entiendo la necesidad de JavaScript para actualizar Internet Explorer con estas nuevas etiquetas y estilos, pero no sé qué usar y cuándo.

Mi plan era utilizar html5shiv e IE9.js para cuidar tanto las etiquetas HTML5 como las png transparentes (y cualquier otro error molesto que corrigieran), pero luego llamaron la atención sobre Modernizr y CSS3 Pie.

Mi pregunta es, si uso Modernizr, ¿se ocupa de mi necesidad de html5shiv y IE9.js? ¿O debería incluir estos también? ¿Cuál es la superposición, si hay alguna?

¿Y qué hace CSS3 Pie que no hace Modernizr o los demás? ¿O viceversa?

Aprecio tu ayuda chicos. Déjame saber lo que haces?

Answer 1

He usado principalmente CSS3Pie ... funciona genial. Pero esta tarde lo probé en mi laptop con I.E8 y había un problema ... estaba desactivando algunas líneas CSS ... cuando eliminé el código css3pie mi sitio ganó el doble de velocidad ... entonces vine cruzando los mensajes con personas que discuten sobre la desaceleración de css3 ... Así que en este momento estoy ocupado para encontrar otra manera para que IE7 e IE8 tengan radio y sombras.

Si quieres usarlo ... por favor prueba mucho ya que es arreglos NO oficiales

Answer 2

Tengo una amplia experiencia con todos estos, habiéndolos usado durante algunos años cada uno.

Modernizr

Incluye la funcionalidad HTML5shiv También hace mucho más: si no usa las otras funciones, entonces no las use, ralentiza la carga de páginas, ¡pero vale la pena si la necesita!

HTML5shiv

Muy pequeño, solo arregla elementos html5 en IE, nada más.

CSS3PIE

Le permite usar border-radius, gradients y box shadow en versiones anteriores de IE. También puede permitir PNG en IE 6. Agrega un retraso notable a la carga de la página.

ie7.js (y ie9.js)

Te ofrece muchos selectores CSS3, ancho mínimo y máximo, múltiples clases y posicionamiento fijo. También puede tener una solución png si lo desea. No parece ralentizar mucho las cosas.

Conclusión

Mi consejo podría caer en dos categorías:

Si solo está utilizando los elementos nuevos (¿son 2 años nuevos en Internet?) Y los selectores de CSS3, utilice ie9.js + html5shiv. Esto es liviano, y solo te permite seguir con las cosas sin tener que recordar que IE6 no admite nada.

Si está utilizando muchas cosas de CSS3, CSS3PIE clasificará border-radius y box-shadow. El soporte de gradiente parece un poco escamoso, por lo que siempre he usado una imagen alternativa. Modernizr le permite entregar fácilmente diferentes propiedades a navegadores con soporte diferente. Lo he usado principalmente para determinar si un navegador tiene transiciones CSS y transformaciones, ya que son útiles para cualquier deslizador de imagen o carruseles de contenido. Merece la pena utilizar la herramienta de personalización para incluir solo la funcionalidad que desee: el material de webforms muestra un cuadro de texto con 50 caracteres durante un par de milisegundos, por lo que vale la pena deshabilitarlo si no lo desea.

Espero que sea útil!

Answer 3

Yo recomendaría que use solo lo que necesita. Cree su aplicación en un navegador que admita las funciones que está utilizando y pruebe periódicamente en otros navegadores compatibles. Si algo no funciona correctamente, encuentre la solución adecuada, ya sea html5shiv, IE9.js, Modernizr o CSS3 Pie. No va a utilizar todas las funciones nuevas en HTML5 y CSS3, todo en una sola página, por lo que no necesita incluir todas las bibliotecas de polyfill existentes. Espere hasta que encuentre problemas con las funciones que intenta usar, luego intente y encuentre la biblioteca necesaria para hacerlo.