I layout liquidi sono ancora rilevanti?

Question

Ora che la maggior parte dei principali browser supporta lo zoom dell'intera pagina (al momento, l'unica eccezione degna di nota è Google Chrome), non sono più necessari layout liquidi o elastici?Vale la pena fare la fatica relativa di costruire layout liquidi/elastici?Ci sono situazioni in cui un layout liquido sarebbe comunque vantaggioso?Lo zoom a pagina intera è la vera soluzione che sembra a prima vista?

Answer 1

Sì, perché sul mercato è disponibile un'ampia varietà di schermi che vanno dai 15" ai 32".C'è anche qualche variazione in quella che le persone considerano una dimensione del carattere "comoda".Tutto ciò si traduce in una vasta gamma di dimensioni in cui i tuoi contenuti dovranno adattarsi.

Semmai, il layout liquido sta diventando ancora più necessario man mano che si passa ai monitor enormi e ai dispositivi cellulari.

Answer 2

Fare lo zoom dell'intera pagina nei CSS non ne vale davvero la pena, soprattutto perché la maggior parte dei browser ora esegue questo tipo di zoom in modo nativo (e lo fa molto meglio - tag ref [img]).

Per quanto riguarda l'utilizzo della larghezza fissa, c'è una caratteristica secondaria con questo...se aumenti la dimensione del carattere, verranno mostrate meno parole per riga, il che può aiutare alcune persone nella lettura.

Ad esempio, hai mai letto un blocco di testo estremamente ampio e ti sei accorto di aver letto la stessa riga due volte?Se l'altezza della riga fosse aumentata (stesso effetto anche se la dimensione del carattere), con meno parole per riga, il problema sarebbe minore.

Answer 3

Sì sì sì!Dover scorrere orizzontalmente un sito perché alcuni designer danno per scontato che gli utenti massimizzino sempre i loro browser è un enorme fastidio per me e sono sicuro di non essere il solo.Oltre a ciò, essendo una persona con una visione davvero scadente, lasciatemi dire che lo zoom a pagina intera funziona meglio quando il layout è liquido.Altrimenti ti ritroverai con la barra di navigazione fuori dallo schermo (visibile).

Answer 4

Ho avuto un problema reale con questo.Il design richiedeva una pagina a larghezza fissa all'interno di un bel bordo.Adattato a 800 pixel di larghezza meno alcuni pixel per la finestra del browser.Sottraendo 200 pixel per il menu di sinistra, l'area del contenuto sarà larga circa 600 pixel.

Il problema era che parte del contenuto del sito era dinamico, con il risultato che gli utenti modificavano e sfogliavano i dati in tabelle, sui loro bellissimi schermi 1280x1024, con tabelle limitate a 600 pixel di larghezza.

Dovresti consentire la larghezza della finestra del browser nei contenuti dinamici, a meno che tali contenuti dinamici non siano prevalentemente di testo.

Answer 5

I layout elastici non riguardano tanto lo zoom quanto il wrapper, consentendo all'utente di inserire più informazioni sullo schermo se lo schermo ha una risoluzione più elevata, pur rendendo il contenuto accessibile a chi ha schermi a risoluzione inferiore.Lo zoom della pagina non raggiunge questo obiettivo.

Answer 6

Penso che i layout liquidi siano ancora necessari, anche se i browser hanno questa funzione di zoom dell'intera pagina, scommetto che molte persone non lo sanno o non sanno come usarlo.

Answer 7

Lo zoom della pagina è orribile dal punto di vista dell’accessibilità.È l'equivalente di dire "non potremmo prenderci la briga di progettare correttamente le nostre pagine [designer], quindi usa un carattere più grande e scorri la pagina orizzontalmente [sviluppatori del browser]".Non posso credere che Firefox sia saltato giù dal precipizio dopo che Microsoft lo ha reso predefinito.

Answer 8

Sì, non sai quale risoluzione sta utilizzando il lettore, o quale dimensione dello schermo, o anche se è richiesta/utilizzata l'accessibilità.Come accennato in precedenza, non tutti conoscono lo zoom a pagina intera: io lo so, ma lo uso difficilmente...

Answer 9

Solo i visitatori del tuo sito possono dirti se i layout liquidi sono ancora rilevanti per il tuo sito.

Utilizzando un framework come YUI-CSS e lo Strumento per ottimizzare il sito di Google è abbastanza facile vedere cosa preferiscono i tuoi visitatori e mettere da parte le opinioni e fare invece affidamento su risultati freddi e concreti.

Answer 10

Tuttavia, i layout liquidi possono causare problemi di usabilità.

I contenitori di contenuti che diventano troppo ampi diventano eccezionalmente difficili da leggere.

Molti blog hanno contenitori di contenuti a larghezza fissa appositamente per questo motivo.

In alternativa, puoi creare contenitori di contenuto a più colonne in modo da ottenere un effetto simile a un giornale, con le sue molteplici colonne di sottili contenitori di testo.Tuttavia, questo può essere difficile da fare.