««« | »»»
Layout fluidi: vantaggi, rischi e rimedi
Questo articolo su Smashing Magazine fa il punto sui layout fluidi e sugli accorgimenti aggiuntivi per evitare sorprese.
In due parole…
Ho letto per la prima di questo approccio su A List Apart. In sostanza, a partire dalla constatazione che i valori in em sono una misura relativa, espressa come target/context, possiamo estendere questo approccio per i layout, esprimendo le dimensioni delle sezioni in termini di rapporti.
In altre parole, al posto di specificare che un div dev’essere grande 700px, possiamo dire che sarà pari, ad es., al 70,85% della sezione che lo contiene, che è pari a 988px.
Inconvenienti e rimedi
I vantaggi possono essere considerevoli, soprattutto in considerazione del fatto che le dimensioni dei monitor tendono a diversificarsi. D’altra parte ci possono essere problemi, come ad es. il trattamento di elementi come le immagini o gli arrotondamenti. I vari rimedi sono elencati su Smashing Magazine, con alcune chicche come Masonry, che sistema i problemi con gli elementi flottati; Smart Columns, che riarrangia il contenuto in base alle dimensioni della finestra; e l’aggancio delle dimensioni del testo sempre in base alle dimensioni della finestra.
Per proseguire
Commenti e trackback sono disabilitati.