El equipo de Apple WebKit y Safari Browser ha publicado un documento explicando a los diseñadores cómo deberían fabricarse los iPhones para el iPhone X.

 

El nuevo iPhone X, con su “muesca” en la parte superior, presenta nuevos desafíos no sólo para los desarrolladores, sino también para aquellos que hacen gráficamente sitios web. Para ayudarles también, el equipo de Apple WebKit ha publicado algunas directrices para optimizar los sitios web en el iPhone X.

Automáticamente, Apple ha aliviado el problema de la muesca del paisaje al optimizar los sitios y llenar el contenido de ambos lados. Para los sitios que tienen contenido de pantalla completa en el paisaje, esta solución no funciona en absoluto. El resultado podría ser el siguiente:

Para solucionar este problema, Apple explica qué soluciones pueden tomarse. Por ejemplo, se dice que los diseñadores pueden aprovechar al máximo el tamaño completo del iPhone X horizontalmente, ajustando la pantalla para evitar que el contenido superior sea oscurecido

WebKit en iOS 11 incluye una nueva función CSS que le permite administrar mejor los bordes cuando un sitio se muestra en el paisaje. Sin entrar en el técnico, los diseñadores simplemente tienen que seguir estas directrices para optimizar el sitio en el iPhone X:

El post es muy detallado y está claramente dedicado a los constructores de sitios web.

Pin It on Pinterest

Shares