Consulenza-Web.com » layout http://www.consulenza-web.com Blog di Marco Pegoraro su Consulenza Web ed Informatica, Programmazione Web e realizzazione di Siti Web Accessibili. Mon, 30 Jan 2012 08:39:56 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 jQuery BluePrint Plugin http://www.consulenza-web.com/2010/10/jquery-blueprint-plugin/ http://www.consulenza-web.com/2010/10/jquery-blueprint-plugin/#comments Sat, 23 Oct 2010 16:02:56 +0000 peg http://www.consulenza-web.com/?p=227 Da pochi giorni sto giocando con il framework CSS blueprint per organizzare il layout di alcuni semplici templates.

Trovo questo tipo di strumento molto utile ma estremamente limitativo nella definizione della larghezza del layout che fissata a 950px.

Esistono strumenti per creare versioni ad-hoc del foglio di stile ma io ho affrontato il problema da un punto di vista differente realizzando un plugin jQuery che, presa la larghezza di un elemento “.container” (il wrapper della pagina realizzata con blueprint) aggiusta le regole del framework per adattarlo a tale dimensione.

Vai alla Demo »

]]> http://www.consulenza-web.com/2010/10/jquery-blueprint-plugin/feed/ 0 Perchè sono contro i layout fluidi: http://www.consulenza-web.com/2009/03/perche-sono-contro-i-layout-fluidi/ http://www.consulenza-web.com/2009/03/perche-sono-contro-i-layout-fluidi/#comments Thu, 19 Mar 2009 10:23:17 +0000 peg http://www.consulenza-web.com/?p=71 I layout fluidi rappresentano una tecnica di progettazione di layout di pagina (dunque si parla di xHTML e CSS) il cui fine è adattare il contenuto alle dimensioni della finestra (e non viceversa!).

Le dimensioni della finestra sono dunque definite dall’utente finale che può fare un po’ quello che vuole: tutto schermo, finestrelle minuscole, ecc…

Solitamente la diatriba riguardante la scelta di implementare o meno un layout fluido si concentra sulla maggiore complessità di realizzazione, sulla libertà di design ed in generale sull’impatto a livello di costi.

Vorrei a questo punto spostare l’attenzione dal puro aspetto grafico e stilistico ai contenuti, protagonisti della nostra pagina web!

Righe di testo troppo lunghe!

Una grafica liquida abbinata ad uno degli ormai comuni schermi da 20″ ad altissima risoluzione può facilmente produrre delle righe di testo estremamente lunghe e di difficile lettura: Sullo schermo non possiamo farci aiutare dal dito indice!!!

Nella mia esperienza di web designer ho imparato che la lunghezza della riga influisce molto sull’usabilità dei contenuti della pagina.

Un’importante eccezione:

Spezzo comunque una lancia a favore dei layout fluidi: essi permettono l’ingrandimento del testo più o meno a piacere aiutando dunque chi, come me, sta lasciando 4 diottrie su ogni progetto!

In un layout a dimensione fissa l’ingrandimento del testo può facilmente provocare sovrapposizione di paragrafi e blocchi grafici con il pessimo risultato di rendere illeggibile la pagina stessa.

]]> http://www.consulenza-web.com/2009/03/perche-sono-contro-i-layout-fluidi/feed/ 0