Layout e template con i CSS
Martedì 19 Settembre 2006 - 10:33
di Alessandro Fulciniti
Post veloce con due risorse sui layout piuttosto recenti. The only CSS layout you need (?)
presenta 10 layout basati sullo stesso markup e con una buona compatibilità cross-browser, li cito con una piccola avvertenza: usano hack e il CSS sembra complicato più del dovuto.
La seconda risorsa che vi presento mi sembra più semplice e robusta: si tratta di dieci Free templates anch’essi con un’ottima compatibilità.
E dato che siamo in argomento layout, concludo con la segnalazione di casa, soprattutto per i (spero pochi) lettori che non la conoscono: l’articolo Layout Gala e la sua pagina indice.
Commenti
1
Sarei curioso di conoscere la tua opinione su Piefecta.
E’ vero usa degli hack… ma sappiamo bene che lo fa per compatibilità con IE.
La cosa positiva che trovo é che le 3 colonne si muovono come se fosse usata una tabella e il “div” dei contenuti nel codice compare prima delle colonne laterali, forse un vantaggio per il posizionamento.
Almeno credo :-)# - postato da Andrea Firetto - 19 Settembre 2006 - 15:14
2
Andrea, trovo i layout che usano hack piuttosto instabili e “old school”. Sono sicuro che sia possibile ottenere una pagina identica al Piefecta senza usare hack, ma al massimo il commento condizionale.
La mia posizione su PIE e le loro risorse è ben espressa in CSS: le risorse che hanno fatto la storia:
Si mette in evidenza in quanto documentazione di bug e relativi hack il sito Position Is Everything, a cui a parer mio vanno riconosciuti un merito e una colpa. Il merito è di aver fornito test cases e documentazione dei bug, la colpa è quella di aver diffuso quella che molti, me compreso, considerano una cattiva pratica di sviluppo, ovvero l’uso degli hack.
Comunque su Layout Gala un layout simile (o quantomeno la struttura) dovrebbe esserci.
# - postato da Alessandro Fulciniti - 19 Settembre 2006 - 18:10
3
Grazie Alessandro, in effetti non conoscevo ancora l’articolo che mi segnali. Ci sono tante risorse sul web e non é sempre facile fare la scelta giusta sulla strada da prendere.
In effetti gli hack é bene ponderarli, ho scoperto sulla mia pelle che é anche difficile gestirli su browser che non hai modo di testare.
Piefecta é stata una soluzione per me per risolvere tante situazioni in un’unica strada, ma per configurarla ci sono sempre uscito matto…
Forse é tempo che prenda una strada nuova. :-)
Permetti un suggerimento? I layout liquidi con il cosidetto “sizer” sono molto comodi, bloccano l’effetto liquido prima che si “rompa” il layout quando tentiamo di ridurre troppo la finestra.
Anche se ho dei dubbi sull’accessibilità di questa tecnica credo che sarebbe interessante implementato alla tua soluzione.# - postato da Andrea Firetto - 20 Settembre 2006 - 08:59
4
@ Andrea: si, forse è tempo di abbandonare il piefecta :-)
Sarà mia premura pubblicare qui sul blog o su html.it un mini-tutorial per assegnare una larghezza minima e massima in maniera cross-browser ai layout liquidi, partendo proprio da uno degli esempi di layout gala.
# - postato da Alessandro Fulciniti - 20 Settembre 2006 - 10:13