03 diciembre 2012 ~ Comentarios desactivados en Con Normalize.css tu sitio es igual en todos los navegadores

Con Normalize.css tu sitio es igual en todos los navegadores

En esta oportunidad recomendaremos utilizar un recurso muy interesante, con el cual podremos adaptar nuestra hoja de estilos para que nuestro sitio web sea visto de igual manera en cada uno de los navegadores web. Se trata de una hoja de estilos llamada Normalize.css, la cual actúa en conjunto con nuestra hoja de estilos por defecto.

normalize css estilos iguales navegadores

Muchos webmasters tienen frecuentemente un gran problema, que es el adaptar sus sitios web para que puedan ser vistos por distintos dispositivos con acceso a Internet, que a su vez tienen toda clase de navegadores que actúan diferente a comparación de cualquier navegador de escritorio. Por ello es que se han creado diversos recursos para adaptar los sitios web a los diferentes navegadores, que a su vez aprovechan los beneficios de los nuevos lenguajes de programación, como ser el HTML5 y el CSS4.

Tu sitio igual en todos los navegadores con Normalize.css

Se trata de una librería, pero no actúa como un archivo JavaScript, ya que necesitaremos asociar la hoja de estilos añadiendo un comando entre las etiquetas <head> </head>.

El funcionamiento de Normalize es muy sencillo: cada navegador le otorga un valor diferente a aquellas etiquetas de nuestro sitio web al que no hemos añadido un determinado valor, esto produce que cada navegador influya en el aspecto de nuestro sitio. Para solucionar esto, utilizamos Normalize.css, ya que esta hoja de estilos le agrega un valor deterinado a cada etiqueta que no hemos nombrado en el style.css.

Esta hoja de estilos, para que funcione tiene que estar en la misma carpeta que hemos guardado el documento style.css. Recomendamos ver el funcionamiento de Normalize.css en esta sección del sitio web oficial que ha desarrollado este recurso.

Existe una librería similar llamada reset.css, la cual es muy utilizada por webmasters. Como alternativa recomendamos utilizar Norlamize.css, ya que con ella podremos realizar la misma función que la nombrada con anterioridad, pero tenemos el beneficio que es actualizada periódicamente, agregando nuevas mejoras y adaptaciones a los nuevos lenguajes web. El funcionamiento de Normalize es distintos al de Reset, ya que el primero aplica valores sistemáticos a las etiquetas por defecto, lo que produce que cada etiqueta HTML tenga los estilos de acuerdo al uso para que fue creada. En cambio la hoja de estilos Reset, aplica el valor 0 a cada una de las etiquetas que no hemos nombrado en style.css.

Social Share Counters
Tags: ,

Comments are closed.