Modernizr: ¿Qué es, para qué sirve y cuáles son sus variantes?

Modernizr

Modernizr es una librería JavaScript con la que se puede conocer la compatibilidad del navegador con HTML5 y CSS3, con lo que gracias a esta información se podrá desarrollar sitios web que se adapten a las capacidades que posee cada navegador.

Este framework es un paquete de detección de las capacidades de los navegadores en cuanto a HTML y CSS3, es decir esta librería JavaScript nos informara cuales son las funcionalidades de estas tecnologías que están disponibles en el navegador del usuario. Si nuestro navegador soporta ciertas capacidades de HTML5 y CSS3 podremos utilizarlas sin problemas, pero si el navegador no es compatible con determinada funcionalidad, lo que se podría hacer es implementar variantes que si soporte, para así crear sitios web que se adapten perfectamente al cliente web de cada visitante.

En Modernizr existen dos herramientas principales que se pueden utilizar para detectar las funcionalidades que estén presentes en el navegador. Una se puede utilizar a través de JavaScript y la otra directamente sobre código CSS.

¿Qué dos variantes encontramos en el archivo con código fuente de Modernizr?

  • Development: contiene el código fuente completo, sin comprimir y con comentarios. Esta variante únicamente se debe utilizar en desarrollo o cuando se quiere acceder a su código, para comprenderlo o ampliarlo.
  • Production: esta variante se debe utilizar cuando se pasa a un entorno de producción. Al descargar Modernizr, tendremos la posibilidad de generar una librería únicamente con las funcionalidades que queremos detectar, gracias a esto nos ahorraremos una importante cantidad de Kb innecesarios.

¿Por qué se debe usar Modernizr?

  • La forma de detectar las propiedades es más fiable que el método tradicional.
  • No está atado a versiones individuales de cada navegador.
  • El usuario que está realizando todos los test de cada propiedad en cada navegador no tiene que aprender y conocer cada uno de ellos.
  • Simplemente construyes la configuración de los test una vez.
  • La librería se ejecuta en milisegundos e identifica las partes del contenido que no están soportadas.
  • Puedes descargar la librería con el código de los test específicos que necesitas.