Vamos a seguir con el tema de los diseños cross browser, traducido al castellano conseguir que un sitio se vea igual en todos los navegadores, quien dice igual dice lo más parecido que se pueda. En esta ocasión tres consejos que nos dan desde el blog Onyx Design para aplicar en nuestra hoja de estilos que paso ha adaptar de forma totalmente libre al español para su mayor difusión.
Resetea:
Los navegadores otorgan por defecto diferentes valores a las etiquetas html, como es el caso de h1. Si lo usamos tal cual, sin tocar nada, un texto entre las etiquetas h1 /h1 no se verá igual en los diferentes navegadores, unos le dan un tamaño más grande, otro más pequeño, diferentes espacios etc. Para solucionar esto existen los CSS reset, que no es ni más ni menos que poner a cero todas las etiquetas y selectores más usados para comenzar el ...
Otro más para añadir a la lista de sitios que hablan sobre el tema de browser bugs. Esta vez se trata de Position Is Everything, donde dos profesionales del asunto se han dedicado a recopilar los diferentes fallos conocidos de posicionamiento CSS para los diferentes navegadores, currándose artículos para cada uno donde explican porque falla y como lo podemos solucionar. Como en entregas anteriores el diseño del sitio es feo con ganas, pero la información que contiene es interesante y nos puede salvar de quebraderos de cabeza futuros.
Enlace: Position Is ...
El otro día comentaba un sitio que nos podría ayudar cuando nos topáramos con los típicos problemas que surgen al desarrollar para los diferentes navegadores ya que cada uno interpreta las instrucciones como le da la gana. Desde emezetablog encuentran otro recurso similar, aunque hay que decir que la página es cutre con ganas, 1.0 pero de las del principio principio. A pesar de esto es recomendable tenerla en los favoritos o del.icio.us por el valor de la información que en ella se contiene, una colección de bugs conocidos en los diferentes navegadores, que nos puede ahorrar mucho tiempo cuando tengamos algún problema, encontrando directamente el error está fastidiando la estructura de forma directa, saltándonos el método que normalmente no nos queda otra que aplicar: “prueba-error”.
Enlace: Browser bugs section | Vía: ...
Sin duda todos los que nos dedicamos de una u otra forma al desarrollo y diseño web sabemos que uno de los puntos más frustrantes a la hora de comenzar un sitio son los problemas que nos encontramos al visualizarlo en los diferentes navegadores, rebanándonos los sesos para encontrar alguna solución que permita que tal objeto se comporte de tal forma en todos los navegadores.
En ocasiones se hace impepinable el uso de hacks aunque sepamos los inconvenientes de los mismos. Desde websitetips nos proponen un extenso recopilatorio con toda clase de artículos relacionados con el tema, desde hacks hasta como evitarlos, recopilatorio de bugs conocidos o tablas de información sobre selectores css y sus compatibilidades. Un recopilatorio a tener cerca, al que acudir cuando las cosas se pongas complicadas.
Enlace: Solutions to CSS Browser Bugs and Cross-Browser, Cross-Platform CSS ...
