Layout tutto in em? Non ne vale la pena…
Martedì 22 Gennaio 2008 - 10:31
di Cesare Lamanna
Non lo dico io, ma Ryan Tomayko. In questo post espone con pregevole sintesi i pro e i contro dei layout CSS realizzati utilizzando come unità di misura solo gli em (su tutto, dimensioni dei div, bordi, pading, font-size…). Sintesi della sintesi: si ha il vantaggio di ottenere ingrandimenti proporzionati, ma il codice diventa difficile da mantenere e gestire in caso di modifiche, perché per continuare ad avere le giuste proporzioni bisogna ricalcolare tutto.
Last but not least, oggi i principali browser (ultimo arrivato Firefox 3) hanno la funzionalità dello zoom di pagina che fa bene il suo lavoro e serve perfettamente allo scopo. Anche se si usano i (non so perché) tanto vituperati pixel. Tutti d’accordo?
Commenti
1
A parer mio sono una via di mezzo tra dimensione fissa (px) e %.
Alla fine devi fare calcoli più laboriosi rispetto ai pixel, per non ottenere quello che otteneresti con le %.Lavoro extra che non produce niente di effettivamente utile. Alla fine un sito ha una dimensione fissa per avere una grafica superba oppure una dimensione % (solitamente 100%) per consultazione di testo/documentazione.
2
giusto, anche io uso un mix tra dimensione fissa e percentuale, ad esempio la percentuale la uso soprattuto per i font, ma sono tecniche abbastanza personali… sinceramente non mi sono mai trovato bene appieno con gli em
3
Ho realizzato un sito in em, ho dovuto fare tanti calcoli pero devo dire che secondo me non vale la pena farlo visto che sarà una nuova feature più o meno di tanti browser.
Potrebbe essere un utilità in più per gli utenti dei vecchi browser. Credo che la soluzione e l’obiettivo debbano essere: un layout in css senza tabelle (tabelle solo per visualizzare i dati - tabular data) con lo uso di %. e meno grafica per navigazione e accessibilità migliore - in altre parole un “fluid layout “lÂ’unica problema per il momento la gestione degli sfondi che non è ancora supportata magari una grafica più semplice e meno immagine sia il vero segreto.
sorry per i grafici ma la mia idea del internet è molto diversa di una rivista.
# - postato da Noha - 22 Gennaio 2008 - 11:50
4
Mi trovo bene ad utilizzare gli em per il font-size; sono d’accordo, invece, che per gestire margini, padding, ecc sono un po’troppo macchinosi….
5
A me non dispiace lavorare in em in quanto, con un layout a dimensione fissa e font in %, nel momento in cui si va ad ingrandire il testo, questo non fuoriesce dal layout e non credo sia bello da vedersi. Al contrario, invece, un layout in em aumenta la dimensione sia del contenuto che del contenitore. Ovvio va visto il singolo progetto, caso per caso.
6
Io ci ho provato con gli em ma ho piantato li. Se calcolo lo sbattimento dei calcoli macchinosi e il tempo per fare capire al cliente cosa mi porta ad avere un tempo di sviluppo maggiore e con quali risultati… vado in perdita!
E’ buono per i font quello si ma in generale mi pare un pò troppo un esercizio di stile fare un intero sito in em.# - postato da \\Dav - 22 Gennaio 2008 - 12:30
7
io uso sempre em.. ma dannazione devi calcolare 3mila cose!
# - postato da smshot è una sola - 22 Gennaio 2008 - 20:05
8
concordo. in effetti l’unico motivo per cui le dimensioni in pixel vengono visualizzate fisse è che il browser le interpreta come tali. basta che il browser ne possa modificare la visualizzazione ed il problema non si pone più.
# - postato da marco cavicchioli - 23 Gennaio 2008 - 09:32
9
Metiamola così:
Sarebbe opportuno usare i px in modo che l’effetto dimensionale sia più o meno lo stesso con tutti i browser.
Gli em favoriscono i pigri….
Si cambia una dimensione nel body e tutto il resto lo segue, in automatico.
Si presuppone, ovviamente, di non dovere cambiare più di qualche dimensionamento……# - postato da Ratamusa - 23 Gennaio 2008 - 10:23
10
personalmente gli em li uso solo per la grandezza del testo, il resto é in pixel.
11
Scusate, ma gli EM non sono fatti per essere ricalcolati in pixel, altrimenti non hanno senso. Io uso gli em per dare spaziature proporzionate alla dimensione del carattere ecc., ma una dichiarazione come margin-top:1.428em; mi sembra assolutamente insensata. Per usare gli .em così, tanto vale usare i pixel e fregarsene dello scalare i caratteri, perchè significa che il layout è comunque nato rigido.