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.

Ti consigliamo anche