1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Firefox fanimagen de laihiu

¿En que navegadores probar tu diseño web?

Una gran cantidad de diseñadores web se preocupan sólo por un navegador: Internet Explorer, obviamente tiene sentido hacer que las páginas web se vean bien en las diferentes versiones de Internet Explorer ya que la mayoría de personas lo usan.

Pero, y este es un gran pero, no es el único navegador en el mercado.

No está bien asumir que todas las personas que usan Windows como sistema operativo acceden a la web con Internet Explorer.

¿Que pasa con las personas que tienen una Mac?, y ni hablar de las personas que usan alguna distribución de Linux.

Aquí tengo una lista de los 4 principales navegadores en los que deberías probar tus páginas web, son sólo 4 pero basta eso para asegurar que tu página se verá y funcionará bien en casi todos los navegadores.

La lista (sin ningún orden en particular).

Internet Explorer

El Navegador más usado en el mundo es Internet Explorer, en sus 2 ultimas versiones, IE6 e IE7, asegúrate de probarlo en ambas.

IE6 es un navegador antiguo, con una tecnología casi obsoleta, aún así es el navegador más usado en el mundo en este momento. Todo diseñador web sabe que es un verdadero dolor de cabeza diseñar para IE6.

Firefox

Firefox es la mayor competencia de Internet Explorer y en mi opinión es mucho mejor navegador, de hecho es mi navegador preferido por la cantidad de plugins que existen.

Es un navegador muy usado, así que una página web debe funcionar en Firefox.

Safari

Safari es el navegador de Apple, aunque también hay una versión para Windows, obviamente tienes que asegurarte que tu página se vea bien en una Mac, después de todo eres un diseñador ;)

Opera

Seguramente el navegador más estricto de todos, si tu página funciona bien en Opera, es que vas por muy buen camino!

¿Por que probar sólo en 4 navegadores me asegura que mis páginas se verá bien en el resto?

Primero que nada, eso no puede asegurar que tus páginas se verán bien en cada navegador que existe, pero sí en la mayoría.

Lo que pasa es que los navegadores trabajan con diferentes motores (layout engines), un layout engine es básicamente software que coge tu HTML y CSS y lo "dibuja" en la pantalla de tu navegador.

Lo bonito de eso es que muchos navegadores están basados en los motores de estos 4, por eso es que probar tus páginas en Internet Explorer, Firefox, Safari y Opera te garantiza que se verán y funcionarán bien en la mayoría de navegadores.

Si te preguntas cuales son esos motores, aquí esta la lista.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Jj Jj

    Hay servicios muy chéveres que te muestran como se vería una página en distintos browsers, por ejemplo http://browsershots.org/. Ahí puedes ver browsers tan misios como dillo, o distintas versiones del mismo browser(y del engine).
    La idea es buenísima sólo que al ser gartuito hay que ir a una cola para que procesen tus capturas, hay otros servicios pagados como http://www.browsercam.com/ que hacen "lo mismo".

    PAra probar con IE desde Linux uso IEs4Linux, es un paquete que automatiza la isntalación de wine y descarga de varias versiones de IE para probar el rendering (es abstante lento para usar como día a día, pero sirve para probar temas de js y css)

  2. Avatar de Germán Germán

    Sí, esos servicios son una muy buena idea, yo también uso el IES4Linux.
    Otra opción es instalar Virtual Box y correr Windows ahí.

  3. Avatar de Jj Jj

    Interesante el mensaje que encontró Invazor en Facebook:

    http://www.c.invazores.org/compus/facebook-dejara-de-soportar-ie-6/

  4. Avatar de Germán Germán

    Sí, justo estoy escribiendo sobre eso!

  5. Avatar de nacho nacho

    podrias ayudarme mi blogs se ve bien en firefox pero en ie me lo descuadra como lo soluciono porfa ayuda

  6. Avatar de Gonzalo Gonzalo

    Uy que maja la chica de la foto que bien la queda la camiseta de firefox

    ya te regalare guapetona un tanga con el logo de firefox

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910