iPhone X

Ecco le linee-guida di Apple per ottimizzare i siti web su iPhone X

Il team WebKit ha condiviso informazioni su come i designer dovrebbero creare i siti internet ottimizzati per iPhone X. Il “trapezio” nella parte superiore della cornice, che ospita la fotocamera e vari sensori, rappresenta una nuova sfida sia per i designer che per gli sviluppatori. In soccorso giungono dunque le linee guida di Apple.

iPhone X Landscape

La soluzione adottata da Apple per risolvere il problema dello spazio occupato dalla “tacca” è molto semplice. I siti in modalità landscape vengono ottimizzati riempiendo gli spazi su entrambi i lati. Per i siti che però offrono contenuti a tutto schermo in landscape, il problema persiste, ed il risultato potrebbe essere il seguente:

Apple viene dunque in soccorso a coloro che si occupano della realizzazione grafica dei siti web e suggerisce alcune soluzione. Una tra queste è quella di regolare la visualizzazione dei contenuti quando iPhone X viene utilizzato in landscape, in modo da non oscurare i contenuti della pagina web. Non manca inoltre una nuova funzione CSS che consente di gestire i bordi.

Seguendo le linee-guida Apple, il risultato potrebbe essere il seguente:

 

Via | 9to5Mac

 

Tag

Continua a leggere..

Continua a leggere con l'Infinite Scrolling


Queste linee blu separano gli articoli. Continua a scorrere la pagina per visualizzare l'articolo precedente.

Back to top button
Close
Close

Stai utilizzando un AdBlocker


iSpazio è un portale gratuito, supportato da Pubblicità. Non faremo mai pagare i nostri utenti per leggere le Notizie.

Le pubblicità su questo Blog non sono mai state di tipo invasivo e sono davvero poche, posizionate in maniera tale da non arrecare disturbo.

Per tutti questi motivi, ti invitiamo a disattivare il tuo AdBlocker soltanto su questo sito per continuare la navigazione. Grazie di cuore!