Modernizr: Compatibilidad de HTML5 y CSS3 con navegadores anteriores

3 comentarios

Modernizr

Poco a poco van surgiendo más necesidades de llevar los portales, aplicaciones y páginas web al estándar HTML5. Sin embargo utilizarlo en la actualidad puede ser un problema si el perfil de los usuarios que utilizan la aplicación pueden tener diferentes tipos de navegadores, unos que son compatibles o tienen implementadas ciertas funcionalidades y otros que no.

Modernizr es una librería javascript que te permite detectar si el navegador es compatible con ciertas funcionalidades HTML5 y CSS3. Con ello se puede desarrollar utilizando lo último del estándar y detectar si el usuario que esta navegando es compatible. Con ello si hubiese alguna funcionalidad que sea vital para la aplicación que el navegador no lo soporta se puede ejecutar un código alternativo, por ejemplo con JQuery, para que realice esa misma funcionalidad.

Es posible descargar una librería con un código fuente comprimido para reducir la cantidad de transferencia de red para entornos de producción y otra en modo comprensible por el programador para un entorno de desarrollo. En el paquete de desarrollo comprimido es posible seleccionar solo la parte del código de las funcionalidades que se desean utilizar para que no haya que descargar todas las funcionalidades si solo se utilizan unas pocas y hacer el fichero más ligero.

Para completar el código no compatible con el navegador se pueden utilizar Polyfills que consisten plugins o componentes que simulan las nuevas funcionalidades utilizando estándares anteriores. Existen diferentes Polyfills según el tipo de funcionalidad que se desea simular. Aquí tenéis un lista.

En líneas generales, una herramienta interesante y novedosa para aquellos que están empezando una aplicación y dudan en utilizar HTML5 o para aquellos que desean pasar a HTML5 y no pueden actualizar los navegadores de sus usuarios. Como punto negativo hay que poner código fuente adicional que, a fin de cuentas, hay que mantener.

Librería | Web oficial Modernizr

Anunciate aquí
Anunciate aquí
Anunciate aquí

¿Quieres saber más?

Productos

Información de Productos relacionados con el artículo

Modernizr modernizr
  • 0
  • 3

Puntuación media: 0

Ver más

Artículos

Artículos relacionados que probablemente también te interesen

Ver más

Respuestas

Preguntas sobre este tema que ha contestado la comunidad

+ Deja tu comentario

Comentarios

  • 1

    !
    | 2 estrellas

    Una buena combinación es utilizar Yepnope.js junto con Modernizr para conseguir que nuestras aplicaciones se comporten según se detecten o no las propiedades HTML5 que indiquemos.

    Podemos ver cómo integrar ambas bibliotecas desde la web de sus autores o en:

    http://www.etnassoft.com/2011/03/09/yepnope/

    Saludos!

    -- editado por última vez a las 19:27

  • 2

    !
    | 1 estrellas

    Alguien lo ha provado en algun entorno donde el rendimiento sea muy importante? Me da a mi que el rendimiento no debe ser muy bueno... Y si ya tenemos miles de lineas de JS, añadir unos kb más me da un miedo horrible...

  • Respondiendo a #2:
  • 3

    !
    | 2 estrellas

    Bueno; lo usa Twitter, Google, Microsoft, ...

    De entre todos ellos, Twitter es famoso por su elaborado JavaScript y de cómo Angus Crall se exprime para que todo funcione correctamente en entornos críticos con cargas extremas.

    Saludos.

Escribir un comentario

Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con Facebook Connect

Anunciate aquí

WSL Weblogs SL