Tips para lograr compatibilidad en diferentes navegadores

Posteado junio 20th, 2008 por Daniel Privitera
Categorias: Diseño y Comunicación, Tecnologìa

Muy buena la reseña de tips para lograr compatibilidad en diferentes navegadores que hizo Anieto2K.

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.

Leer el artículo completo.

3 Comments en “Tips para lograr compatibilidad en diferentes navegadores”

Rodrigo Dice:
junio 23rd, 2008 at 10:12 am

“Nunca uses Lucida” … ? WTF?. Mejor, “si usas Lucida, acordate de poner ‘Lucida Sans Unicode’ en el CSS”.

Otro, lo de overflow: hidden es excelente … de hecho yo lo uso desde hace mucho tiempo, pero tiene un bug (en el focus de cada elemento), mejor usar self clearing floats u otra técnica :/

Anuncios Clasificados Dice:
junio 26th, 2008 at 4:30 am

los navegadores deberian ponerse de acuerdo para establecer un standar mediante la w3c que permita que los diseñadores puedan realizar su trabajo sin complicaciones.

Lograr compatibilidad CSS en varios navegadores | Uberbloggerz Dice:
julio 4th, 2008 at 1:45 pm

[...] leer el resto de estas recomendaciones en Gancé, que ha hecho un artículo muy [...]

Comentarios:

Este post fue publicado el Viernes, junio 20th, 2008 a las 2:39 pm bajo la categoría Diseño y Comunicación, Tecnologìa. Te puedes suscribir vía RSS 2.0 feed a este comentario. Tu puedes seguir este comentario abajo, o seguir el comentario en esta URL. Tus comentarios aparecerán inmediatamente, pero nos reservamos la posibilidad de borrarlo si lo creemos inapropiado.