<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Consulenza-Web.com &#187; layout fluidi</title>
	<atom:link href="http://www.consulenza-web.com/tag/layout-fluidi/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.consulenza-web.com</link>
	<description>Blog di Marco Pegoraro su Consulenza Web ed Informatica, Programmazione Web e realizzazione di Siti Web Accessibili.</description>
	<lastBuildDate>Mon, 30 Jan 2012 08:39:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Perchè sono contro i layout fluidi:</title>
		<link>http://www.consulenza-web.com/2009/03/perche-sono-contro-i-layout-fluidi/</link>
		<comments>http://www.consulenza-web.com/2009/03/perche-sono-contro-i-layout-fluidi/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 10:23:17 +0000</pubDate>
		<dc:creator>peg</dc:creator>
				<category><![CDATA[Usabilità]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[layout fluidi]]></category>
		<category><![CDATA[leggibilità]]></category>
		<category><![CDATA[pagina web]]></category>

		<guid isPermaLink="false">http://www.consulenza-web.com/?p=71</guid>
		<description><![CDATA[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&#8217;utente finale che può fare un po&#8217; quello che vuole: tutto schermo, finestrelle minuscole, ecc&#8230; [...]]]></description>
			<content:encoded><![CDATA[<p>I <strong>layout fluidi</strong> rappresentano una tecnica di progettazione di layout di pagina (dunque si parla di xHTML e CSS) il cui fine è <strong>adattare il contenuto alle dimensioni della finestra</strong> (e non viceversa!).</p>
<p>Le dimensioni della finestra sono dunque definite dall&#8217;utente finale che può fare un po&#8217; quello che vuole: tutto schermo, finestrelle minuscole, ecc&#8230;</p>
<p>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&#8217;impatto a livello di costi.</p>
<p>Vorrei a questo punto spostare l&#8217;attenzione dal puro aspetto grafico e stilistico ai <strong>contenuti</strong>, protagonisti della nostra pagina web!</p>
<h2>Righe di testo troppo lunghe!</h2>
<p>Una grafica liquida abbinata ad uno degli ormai comuni schermi da 20&#8243; ad altissima risoluzione può facilmente <strong>produrre delle righe di testo estremamente lunghe e di difficile lettura</strong>: Sullo schermo non possiamo farci aiutare dal dito indice!!!</p>
<p>Nella mia esperienza di web designer ho imparato che <strong>la lunghezza della riga influisce molto sull&#8217;usabilità dei contenuti della pagina</strong>.</p>
<h2>Un&#8217;importante eccezione:</h2>
<p>Spezzo comunque una lancia a favore dei layout fluidi: essi <strong>permettono l&#8217;ingrandimento del testo</strong> più o meno a piacere aiutando dunque chi, come me, sta lasciando 4 diottrie su ogni progetto!</p>
<p>In un layout a dimensione fissa l&#8217;ingrandimento del testo può facilmente provocare sovrapposizione di paragrafi e blocchi grafici con il pessimo risultato di rendere illeggibile la pagina stessa.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a><strong><em>Segnala presso:</em></strong></a>
<br />
<div class="d">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F&amp;title=Perch%C3%A8+sono+contro+i+layout+fluidi%3A" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F&amp;title=Perch%C3%A8+sono+contro+i+layout+fluidi%3A" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F" rel="nofollow" title="Add to&nbsp;Facebook"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F&amp;title=Perch%C3%A8+sono+contro+i+layout+fluidi%3A" rel="nofollow" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F&amp;title=Perch%C3%A8+sono+contro+i+layout+fluidi%3A" rel="nofollow" title="Add to&nbsp;LinkedIn"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/linkedin.png" title="Add to&nbsp;LinkedIn" alt="Add to&nbsp;LinkedIn" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F&amp;title=Perch%C3%A8+sono+contro+i+layout+fluidi%3A" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home/?status=Check+out+Perch%C3%A8+sono+contro+i+layout+fluidi%3A+@+http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F" rel="nofollow" title="Add to&nbsp;Twitter"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/twitter.png" title="Add to&nbsp;Twitter" alt="Add to&nbsp;Twitter" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http%3A%2F%2Fwww.consulenza-web.com%2F2009%2F03%2Fperche-sono-contro-i-layout-fluidi%2F&amp;t=Perch%C3%A8+sono+contro+i+layout+fluidi%3A" rel="nofollow" title="Add to&nbsp;Yahoo My Web"><img class="social_img" src="http://www.consulenza-web.com/wp-content/plugins/social-bookmarks/images/yahoo.png" title="Add to&nbsp;Yahoo My Web" alt="Add to&nbsp;Yahoo My Web" /></a>
<br />
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://www.consulenza-web.com/2009/03/perche-sono-contro-i-layout-fluidi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

