Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Web design e widescreen

Una semplice tecnica per adattare il layout a tutte le risoluzioni.
Una semplice tecnica per adattare il layout a tutte le risoluzioni.
Link copiato negli appunti

L'ultimo articolo di Digital Web Magazine presenta una tecnica basata su Javascript e CSS per adattare in maniera indolore il layout di un sito alla risoluzione dello schermo. Tutto nasce, stando all'autore, dalla necessità  di prendere sempre più in considerazione le alte risoluzioni degli schermi wide dei portatili (ma non solo, il mio iMac Intel ha un monitor di questo tipo, per dirne una) senza voler trascurare quanti viaggiano ancora a basse risoluzioni.

La parte Javascript si limita a rilevare la risoluzione dello schermo, per poi servire un CSS ad hoc per ciascuna situazione. Nei fogli di stile, poi, si gioca con float e width per aggiustare tutto. Ecco un esempio.

Se vuoi aggiornamenti su User Interface Design inserisci la tua email nel box qui sotto:

Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.

Ti consigliamo anche