Cuando has terminado una aplicación y la abres con un navegador diferente al que lo habías hecho durante la fase de desarrollo, te das cuenta de que te queda prácticamente el mismo tiempo que has tardado en desarrollar la aplicación puliendo los detalles en los diferentes navegadores.
Este es el mayor problema con el que nos encontramos los desarrolladores web y por el que más me han solicitado ayuda por mail. Ya hemos hablado varias veces de por que ocurre esto, y básicamente es por que cada equipo de desarrollo encargado de desarrollar cada uno de los navegadores interpreta de una forma u otra los estandares definidos por la W3C. De ahí que aparezcan tests con los que la W3C se asegura de que los navegadores han entendido lo que solicitaban.
Por suerte o por desgracia, existen centenares de navegadores y nunca podemos saber a ciencia cierta que navegador va a usar cada visita, por ese motivo tenemos que pulir nuestro código, añadir opciones específicas (los llamados hacks) o incluso desarrollar sitios aposta para abarcar el máximo de estos navegadores.
Solo la experiencia nos hará reducir el tiempo que perdemos en estas «modificaciones». Hay mucha gente muy buena, con muchísima experiencia que comparte sus conocimientos y de esta gente tenemos que aprender, por ello una lista de «normas» a tener en cuenta antes de empezar nos podría ayudar a conseguir el equilibrio perfecto
- Siempre usa el
DOCTYPE stricty valida los estandares HTML/CSS - Usa siempre un sistema para resetear tus CSS
- Usa
opacity:0.99en elementos de texto para limpiar el renderizado de Safari - Nunca redimensiones imagenes desde el CSS o HTML
- Revisa el renderizado de la fuente en todos los navegadores. Nunca uses Lucida.
- El tamaño del texto es
%en el body yempara el resto - Todos los divs flotantes deben llevar
display:inlineyoverflow:hidden - Los contenedores deben tener
overflow:autoy activahasLayoutusando un width o un height - No uses ningún estilo CSS3 extravagante
- No uses imagenes PNG transparentes a menos que hayas cargado el apha.
17 comentarios, 5 referencias
+
#