Principales Navegadores Web

Interesante checklist creada por Andrés Nieto, en su blog. Hay varios trucos que actualmente no utilizamos pero que vale la pena chequear, como el de utilizar opacity:0.99 en todos los elementos de texto.

La lista:

1. Siempre usa el DOCTYPE strict y valida los estandares HTML /CSS
2. Usa siempre un sistema para resetear tus CSS
3. Usa opacity:0.99 en elementos de texto para limpiar el renderizado de Safari
4. Nunca redimensiones imagenes desde el CSS o HTML
5. Revisa el renderizado de la fuente en todos los navegadores. Nunca uses Lucida.
6. El tamaño del texto es % en el body y em para el resto
7. Todos los divs flotantes deben llevar display:inline y overflow:hidden
8. Los contenedores deben tener overflow:auto y activa hasLayout usando un width o un height
9. No uses ningún estilo CSS3 extravagante
10. No uses imagenes PNG transparentes a menos que hayas cargado el apha.

El punto 5 (no usar fuente Lucida), ya nos causó problemas en nuestro sitio hace un poco más de un año. El problema y la solución están detallados aquí.