Bueno esta es una pelea que actualmente estamos viviendo contra los navegadores, principalmente y como es costumbre contra Internet Explorer. y aunque muchas personas consideran que Internet aun no esta lista para trabajar con html5 y css3 en modo producción yo vengo a mostrarles varias formas de hacer cross browsing con HTML5 y CSS3 muy fáciles de aplicar.
Que es Cross Browsing
Para comenzar expliquemos que es CrossBrowsing o Cross Browser, este es simplemente el termino que se usa para referirse a la tecnica de hacer un sitio web compatible con la mayoría de navegadores posible, es decir que un sitio web funcione en internet explorer, en chrome, en firefox y algunas veces en safari. Y aunque existen muchos navegadores es lógico que debemos preocuparnos por los principales navegadores del mercado para satisfacer la demanda de nuestros usuarios.
Usar hacks
La primera linea de ataque para CSS es usar hacks, un hack en el mundo del css es una propiedad que se aplica solo en determinado navegador.
en este caso el ancho de clase para todos los navegadores sera de 100px menos para internet explorer que tendrá un ancho de 120px.
Aquí puedes encontrar un listado de los hacks para diferentes navegadores.
El fichero .htc
El fichero HTC fue una de las primeras alternativas que apareció para hacer Crossbrowsing de manera rápida y sencilla, este consiste en un fichero .htc adicional que alteral la forma en que el navegador muestra la información para brindar la sensación de soporte html5 y css3, la libreria htc mas popular hasta el momento es CSS3Pie (http://css3pie.com/) aunque a mi modo de ver nod a tan buenos resultados como uno quisiera.
Modernizr
Por ultimo tenemos la librería Modernizr que es una libreria en javascript que modifica muchos parámetros y que podemos adaptar para que se ajuste a las necesidades de nuestra pagina, así si en nuestra pagina no usamos cierta propiedad no tendremos que renderizarla. El sitio de Modernizr es (http://modernizr.com/).
Y el gran final
Para terminar les quiero compartir la herramienta en la que baso mis desarrollos actualmente, es simplemente un generador que agrega los hacks, ficheros htc y modernizr automaticamente generando una plantilla en blanco sobre la que se puede trabajar mas comodamente.
Se llama Initializr y da la opcion de bajar la plantilla en blanco o dos diagramaciones basicas de las cuales puedes partir para crear sitios web crossbroser mas eficientemente. (http://www.initializr.com/)
Post original:
Que es Cross Browsing
Para comenzar expliquemos que es CrossBrowsing o Cross Browser, este es simplemente el termino que se usa para referirse a la tecnica de hacer un sitio web compatible con la mayoría de navegadores posible, es decir que un sitio web funcione en internet explorer, en chrome, en firefox y algunas veces en safari. Y aunque existen muchos navegadores es lógico que debemos preocuparnos por los principales navegadores del mercado para satisfacer la demanda de nuestros usuarios.
Usar hacks
La primera linea de ataque para CSS es usar hacks, un hack en el mundo del css es una propiedad que se aplica solo en determinado navegador.
Un ejemplo de esto seria definir
.clase { width: 100px;
.width: 120px;
}
en este caso el ancho de clase para todos los navegadores sera de 100px menos para internet explorer que tendrá un ancho de 120px.
Aquí puedes encontrar un listado de los hacks para diferentes navegadores.
El fichero .htc
El fichero HTC fue una de las primeras alternativas que apareció para hacer Crossbrowsing de manera rápida y sencilla, este consiste en un fichero .htc adicional que alteral la forma en que el navegador muestra la información para brindar la sensación de soporte html5 y css3, la libreria htc mas popular hasta el momento es CSS3Pie (http://css3pie.com/) aunque a mi modo de ver nod a tan buenos resultados como uno quisiera.
Modernizr
Por ultimo tenemos la librería Modernizr que es una libreria en javascript que modifica muchos parámetros y que podemos adaptar para que se ajuste a las necesidades de nuestra pagina, así si en nuestra pagina no usamos cierta propiedad no tendremos que renderizarla. El sitio de Modernizr es (http://modernizr.com/).
Y el gran final
Para terminar les quiero compartir la herramienta en la que baso mis desarrollos actualmente, es simplemente un generador que agrega los hacks, ficheros htc y modernizr automaticamente generando una plantilla en blanco sobre la que se puede trabajar mas comodamente.
Se llama Initializr y da la opcion de bajar la plantilla en blanco o dos diagramaciones basicas de las cuales puedes partir para crear sitios web crossbroser mas eficientemente. (http://www.initializr.com/)
Post original: