Diseño para el safari y navegadores cromo

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

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 tiempo).

El iPhone, iPad, y el iPod se suministran con el navegador web Safari, que es ligeramente diferente de la versión que está disponible para las pantallas de ordenador, como se muestra en esta figura. Apple creó el motor de renderizado WebKit y luego lo lanzó a la comunidad de código abierto, donde se ha desarrollado por Google, KDE, Nokia, Palm, profusión, RIM, Samsung, y otros.

imagen0.jpg

El navegador web Safari de Apple utiliza el mismo motor de renderizado WebKit en el iPhone y el iPad como lo hace en las computadoras Windows y Mac.

Debido WebKit funciona en muchos tipos diferentes de teléfonos, sitios web que funcionan en Safari en el iPhone es probable que funcione bien también en los últimos modelos de teléfonos Android, los teléfonos BlackBerry por RIM, algunos teléfonos Nokia, y una lista creciente de otros.

Su kilometraje puede variar, y siempre se debe probar sus diseños en los dispositivos que desea sus páginas para trabajar situ si orienta los navegadores WebKit, sin embargo, usted debería ser capaz de llegar a la mayor parte del mercado de teléfonos inteligentes.

Usted puede aprender más acerca de los navegadores WebKit, como Safari, en el sitio de WebKit Proyecto de Código Abierto.



Artículos Relacionados

Sobre el autor
¿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…

Css 3 animaciones para páginas web Css 3 animaciones para páginas web

Si su objetivo es transmitir la información de manera creativa en su sitio web para la visualización en el iPad o el iPhone, una de las mejores opciones para añadir animación y otras características interactivas es utilizar CSS 3. CSS 3…

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…

Mejorar funciones de prueba de safari con extensiones Mejorar funciones de prueba de safari con extensiones

Al probar su sitio de comercio móvil de nuevo diseño, a veces es más fácil trabajar con lo que tienes. Si ya dispone de Safari o Chrome instalado en su ordenador, estás de suerte. Ellos hacen los sitios móviles de manera similar a la forma en…

¿Cómo añadir sombras a la caja de elementos ¿Cómo añadir sombras a la caja de elementos

Además de sombras de texto, CSS 3 le da el poder para añadir sombras a la caja de elementos, tales como las etiquetas. En la figura se ve cómo se utilizaron sombras para hacer estallar las secciones, como la de lado, en esta página de ejemplo…

Cómo crear animaciones con fotogramas clave Cómo crear animaciones con fotogramas clave

Para crear efectos animados en su sitio web para mostrar en el iPad y el iPhone, es necesario utilizar los fotogramas clave. Más compleja CSS 3 animaciones se basan en los fotogramas clave. Los fotogramas clave son los puntos dentro de una…

Cómo crear transformaciones con CSS 3 Cómo crear transformaciones con CSS 3

CSS 3 te permite crear muchos efectos interesantes en su sitio web para la visualización en el iPhone y el iPad. Las CSS 3 transformar propiedades le permiten transformar un elemento para crear efectos en 2D y 3D. Puede especificar una lista de…

Cómo diseñar para diferentes navegadores web Cómo diseñar para diferentes navegadores 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…

Cómo el estilo de texto con CSS 3 Cómo el estilo de texto con CSS 3

Al crear CSS 3 para un sitio iPhone o el iPad, no sólo disfrutar de los beneficios de fuentes personalizadas y colocar sombras, sino también ganar el reto de dimensionamiento de texto en pantallas con diferentes dimensiones. No te preocupes más:…

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…

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