Cómo diseñar para diferentes navegadores web

categoría Los medios de comunicación de Internet y sociales / Diseño y desarrollo web / IPhone & iPad diseño web

Aunque su público puede ser diferente, puede crear sitios web que se ven bien en Safari en el iPhone y el iPad, sin comprometer el diseño de la página cuando se ve en cualquiera de los navegadores web más populares en Internet.

Si usted desea hacer un sitio de increíble mirando con mucha funcionalidad útil y toneladas de " factor sorpresa, " usted puede diseñar sus páginas web con el código para que se vean bien en los navegadores web que visitan su sitio web.

Es una buena idea para atacar (y prueba) sus diseños utilizando las dos versiones más recientes de cada uno de los navegadores web más populares en las computadoras de escritorio y portátiles.

En el momento de escribir estas líneas, los navegadores de la siguiente lista son los más populares - y los más utilizados para probar y orientar su diseño:

  • Chrome: Versiones 7, 8, 9

  • Firefox: Versiones 3.5, 3.6, 4.0

  • Explorador de Internet: Versiones 8, 9

  • Opera: Versiones de 10, 11

  • Safari: Versiones 4, 5

Descubra las preferencias del navegador de su audiencia

Si no estás seguro de qué navegadores sus visitantes están utilizando, es probable que pueda encontrar mediante la visualización de los registros de tráfico de su sitio web. La mayoría de los sitios tienen una forma de rastrear el tráfico, y buscando sus registros web, puede ver qué tipos de navegadores y dispositivos están visitando su sitio.

Una gran manera de rastrear el tráfico es Google Analytics, que se puede añadir de forma gratuita a cualquier sitio para rastrear las fuentes de tráfico, medida que los navegadores visitar su sitio web, así como de hacer muchas otras cosas. En esta figura, se ve cómo Google Analytics muestra todos los tipos de navegadores y dispositivos que visitan uno de nuestros sitios web.

imagen0.jpg

Los patrones de tráfico y los cambios de uso del navegador con el tiempo, así que asegúrese de revisar sus propios informes con regularidad y probar el código con cada nueva versión del navegador. La comprensión de sus propios visitantes pueden ayudarle a elegir el camino que funciona mejor para su sitio.

Comparar HTML y CSS de apoyo entre los navegadores web

Al crear sitios web para el iPhone y el iPad y los visitantes de su sitio web tenga uno de estos dispositivos, puede confiar en que tienen la última versión de Safari, que es uno de los mejores navegadores para apoyar a las últimas características de HTML5 y CSS 3.

Si usted va a diseñar páginas con el código correcto para los navegadores adecuados, es necesario identificar qué navegadores soportan que las etiquetas. Afortunadamente, una serie de recursos en línea puede ayudar a usted, incluyendo puedo usar y su página compañera visualmente atractivo, HTML5 de Preparación se muestra en esta imagen:

image1.jpg

Otro sitio útil para comparar y comprender el apoyo del navegador para CSS 3 es CSS3 favor.



Artículos Relacionados

Sobre el autor
Acerca de podadoras web de Evernote para los navegadores web Acerca de podadoras web de Evernote para los navegadores web

Después de crear tu cuenta de Evernote, puede elegir la versión para la plataforma o dispositivo que necesita. Simplemente haga clic en el enlace en la recepción a Evernote e-mail se muestra en la figura. Evernote reconoce el dispositivo que…

Soporte CSS3 y navegador Soporte CSS3 y navegador

El estado actual de las normas para la compatibilidad con exploradores web para efectos CSS3 y transformaciones es en flujo. Lo más probable, con el tiempo los poderes fácticos estar en el mundo del navegador - quienes publican Internet Explorer,…

El diseño de su sitio para los usuarios móviles El diseño de su sitio para los usuarios móviles

Con el poder de los smartphones y sus navegadores móviles totalmente funcionales, los visitantes móviles esperan tener una experiencia de navegación satisfactoria. Usted querrá tener plenamente en cuenta el usuario móvil en su diseño y…

¿Cómo optimizar aplicaciones CSS3 con Modernizr ¿Cómo optimizar aplicaciones CSS3 con Modernizr

Hay muchos navegadores diferentes y versiones de navegadores en uso hoy en día. No todos ellos son óptimas para CSS3. Aquí es donde entra en juego Modernizr. Sus desarrolladores llaman "una biblioteca javascript que detecta características…

¿Cómo trabajar con los selectores CSS3 ¿Cómo trabajar con los selectores CSS3

A mediados de 2010, los diseñadores y desarrolladores web se regocijaron como CSS3 comenzó a hacer su camino en la corriente principal. Desde entonces, el apoyo del navegador para CSS3 ha aumentado y mejorado constantemente, a pesar de CSS3 aún…

Crear un marco adaptable con html5 Crear un marco adaptable con html5

Antes de crear un marco para un sitio web que se mostrará en el iPhone y el iPad, es útil pensar en el futuro acerca de cómo desea que sus páginas se ven cuando se agrega los estilos. Aquí es donde wireframes pueden realmente ayudar.En las…

Diseño para el safari y navegadores cromo Diseño para el safari y navegadores cromo

Safari y Chrome son los navegadores WebKit, basado en el mismo WebKit desgarrarering motor, que controla cómo el navegador interpreta HTML, CSS y otros códigos. Todos los navegadores WebKit siguen las mismas reglas (por lo menos la mayor parte del…

Visualizar nuevo código html5 en muchos navegadores Visualizar nuevo código html5 en muchos navegadores

Cuando te enfocas un diseño en el iPhone, iPod touch o iPad, usted tiene la ventaja de saber que sus visitantes van a utilizar el navegador web Safari. Se basa en el motor de renderizado WebKit, que puede rendir CSS 3, así como cualquier lata…

Hacer css 3 trabajos en más navegadores web Hacer css 3 trabajos en más navegadores web

Si desea utilizar HTML5 y CSS 3 en el diseño de su sitio web, usted debe saber que tanto HTML5 y CSS 3 son todavía en desarrollo. La especificación CSS aún no ha sido aprobado por el W3C, pero muchos desarrolladores de navegadores ya han…

Haga su trabajo css 3 a través de navegadores web Haga su trabajo css 3 a través de navegadores web

Si usted está diseñando su sitio web para el escritorio, así como para el iPhone y el iPad, puede seguir utilizando el CSS experimental 3! Finalmente, el CSS 3 en su sitio probablemente será apoyado. El ejemplo de esta sección muestra cómo…

Mover a HTML5 y CSS 3 para el diseño web Mover a HTML5 y CSS 3 para el diseño web

Cuando se planifica un nuevo diseño web, recuerde que muchas versiones diferentes de HTML están ahora en uso en la web. Todas las versiones más recientes trabajar en el (sistema operativo de Apple en el iPhone y el iPad) iOS, así que tienes que…

Prueba iphone diseños con safari Prueba iphone diseños con safari

Lo más cerca que se puede llegar a tener Safari en un iPhone o iPad es Safari en un ordenador. Cuenta con algunas diferencias notables, incluyendo el tamaño de pantalla más grande que la mayoría de la gente utiliza en las computadoras y el hecho…

» » » » Cómo diseñar para diferentes navegadores web