HTML5 y CSS3 con MODERNIZR Framework

La Web ha cambiado muchísimo desde los simples hipertextos planos en los orígenes, cada vez los usuarios demandan más y más funcionalidades ya que la virtualización del mundo real empuja en esta dirección “mimetizar” cada cosa.

Debido al empuje hacia desarrollar formas más eficientes en el www, cada vez más profesionales se suman a las filas de los que implementan tecnología de HTML5 y CSS3 para el desarrollo web, la personalización y puesta en marcha de plataformas dinámicas, inteligentes, fiables, de gran potencia.

En el pasado, un gran número de desarrolladores y diseñadores Web usaron las llamadas técnicas avanzadas de CSS con propósito de diseño y maquetación, pues muchos navegadores no soportaban los estándares en sí de la forma tradicional del CSS, se implementaron trucos varios muchos combinando Java Script como lo ha sido el Browser Sniffing.

El (hacking) Browser Sniffing, es la técnica más popular requerida principalmente para la detección de la funcionalidad del navegador y la versión utilizada por el usuario particular mediante el “navigator.userAgent” en la Web y las aplicaciones Web. Es único en su tipo de hacking que permite a los desarrolladores Web dirigirse a la funcionalidad de los navegadores distintos con diferentes instrucciones sin ningún tipo de molestia.

Qué tal si dejáramos de un lado todo esta situación y decimos, no más hacking CSS o técnicas de Browser Sniffing, no más! a eso de preguntarle a los navegadores “¿quién eres tú?”, y poder implementar de una forma más natural de acuerdo a la capacidad de un navegador, es posible?, si, lo es, gracias al nuevo MODERNIZR, pero, ¿qué significa?, bueno esa es la pregunta del millón.

MODERNIZR es una pequeña, sencilla, muy apreciada biblioteca fuente de JavaScript contando con lo más comúnmente usado por los desarrolladores Web para disfrutar poder bien implementar la tecnología de HTML5 y CSS3 en distintos navegadores y mantener un control total sobre la compatibilidad versus la visualización.

Esta característica de detección inteligente se utiliza ya sea para CSS3 o HTML5, y es de código abierto con lo cual se pueden agregar nuevas clases. El MODERNIZR verifica principalmente si el navegador tiene soporte para las características de las nuevas tecnologías incluidas en el CSS3 y HTML5. La lista de funciones del CSS3 consta de @front-face, border-radius, border-image, box-shadow,rgba(). Por otra parte, está el otro conjunto para HTML 5 como audio, video, local storage y los nuevos tipos de elemento <input> y atributos.

Modernizr-free-javascript

La Característica más destacable de MODERNIZR es que se puede construir fácilmente elementos hasta con las últimas versiones disponibles del HTML5 y aplicarlas en Internet Explorer (el dolor de cabeza de cualquier diseñador Web). MODERNIZR es único en su tipo-función de detección, y es de código abierto, una herramienta definitivamente indispensable, a través del cual, los programadores o desarrolladores Web pueden crear un sitio Web capa por capa basados en esta biblioteca JavaScript-gratuita agregando diferentes capas o enriqueciéndolas una a una.

 

Soy desarrollador y fanático de la playa, actualmente trabajo para una gran empresa a tiempo completo en México. En mis tiempos libres los dedico a escribir tutoriales o reseñas, además de compartir recursos que puedan ser de utilidad. galvaroe@pixelg.org