<?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/"
	>

<channel>
	<title>diciottopassi - blog/portfolio di Dario Toscano - soluzioni per il web</title>
	<atom:link href="http://www.diciottopassi.it/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diciottopassi.it/blog</link>
	<description>Solo un altro weblog targato WordPress</description>
	<pubDate>Tue, 18 Aug 2009 09:06:32 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Platone, il digitale e la capacità di scelta</title>
		<link>http://www.diciottopassi.it/blog/2009/06/02/platone-il-digitale-e-la-capacita-di-scelta/</link>
		<comments>http://www.diciottopassi.it/blog/2009/06/02/platone-il-digitale-e-la-capacita-di-scelta/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 10:03:04 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[digital]]></category>

		<category><![CDATA[pensieri]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=8</guid>
		<description><![CDATA[Facciamo un semplice giochino: supponiamo di dover indovinare un numero tra 0 e 7 ponendo il minor numero di domande possibili. Supponiamo che il numero da indovinare sia il 6. La prima domanda sarà: il numero in questione è compreso tra 0 e 3 o tra 4 e 7? Alla risposta seguirà la seconda domanda: [...]]]></description>
			<content:encoded><![CDATA[<p>Facciamo un semplice giochino: supponiamo di dover indovinare un numero tra 0 e 7 ponendo il minor numero di domande possibili. Supponiamo che il numero da indovinare sia il 6. La prima domanda sarà: il numero in questione è compreso tra 0 e 3 o tra 4 e 7? Alla risposta seguirà la seconda domanda: il numero è compreso tra 4 e 5 o tra 6 e 7? La domanda ridurrà le possibili scelte a 2 sole ipotesi (6 o 7) quindi sarà necessario semplicemente chiedere &#8220;il numero è il 6?&#8221; o &#8220;il numero è il 7?&#8221; per arrivare alla soluzione.<span id="more-8"></span></p>
<p>In buona sostanza si tratta di dividere il <em>range</em> possibile dei numeri da indovinare in 2 blocchi di uguale dimensione e <strong>scegliere l&#8217;insieme di appartenenza</strong> fino a ridurre ad una sola la scelta possibile ed arrivare così alla soluzione del nostro indovinello. Nel caso in questione (con un range di 8 possibili varianti) è stato necessario porsi 3 domande ed effettuare quindi 3 scelte di insiemi.</p>
<p>Convertire un numero in digitale significa operare lo stesso tipo di operazione&#8230; difatti, non è una coincidenza che la rappresentazione binaria (quindi digitale) del numero 7 (che è il può alto numero possibile del nostro range) è rappresentata dall&#8217;insieme di bit 111 (che è il può alto numero rappresentabile con 3 bit): <strong>ogni bit corrisponde ad una scelta</strong>, ad una risposta ad una domanda.</p>
<p>Estendendo il concetto è possibile operare la trasformazione in digitale di lettere o di immagini semplicemente schematizzando le possibili varianti di lettere o di colori e effettuando delle scelte: una lettera avrà il suo corrispettivo numerico grazie alle codifiche ASCII e così avverrà anche per i colori mediante le modalità colore (RGB, CMYH, HSB, etc.).</p>
<p>Ma fino a che punto è possibile convertire oggetti o concetti complessi in digitale? Che livelli di fedeltà all&#8217;originale è possibile ottenere applicando tale metodo? E&#8217; possibile convertire tutto al digitale seguendo questo semplice ragionamento?</p>
<p>Una possibile risposta ci viene da uno scritto datato intorno all&#8217;anno 360 avanti Cristo (ben prima di qualsiasi idea di digitalizzazione!) e precisamente dal <em>Sofista</em> di <strong>Platone.</strong> Nel dialogo un gruppo di filosofi si interroga sulla definizione del sofista e assumono il metodo della <strong>diairesi </strong>come sistema logico per individuare la definizione corretta.</p>
<blockquote><p>È un mezzo per giungere alla definizione di un concetto partendo da un concetto più vasto e procedendo per mezzo di una concatenazione di divisioni (diairesi discendente) ciascuna basata sull&#8217;esplicitazione di differenti proprietà: si passa in questo modo attraverso una successione discendente di sotto-classi che termina quando si ottiene la definizione cercata, connotata da una proprietà che si attaglia unicamente all&#8217;oggetto della ricerca.</p>
<p><em>da <a title="Definizione di diairesi su wikipedia" href="http://it.wikipedia.org/wiki/Diairesi" target="_blank">Wikipedia - diairesi</a></em></p></blockquote>
<p>In buona sostanza, per arrivare alla definizione del sofista, basta porsi un certo numero di domande in grado di suddividere il campo di indagine in 2 campi contrapposti ed effettuare una scelta individuando l&#8217;insieme di appartenenza dell&#8217;oggetto in questione (il sofista).</p>
<p>Senza soffermarci sul valore filosofico del testo, tale metodo somiglia, come abbiamo visto, al processo di digitalizzazione applicato per la conversione in bit di numeri, lettere e colori. Seguendo Platone quindi potremmo dire che qualsiasi concetto può essere &#8220;digitalizzato&#8221; semplicemente applicando il principio della diairesi.</p>
<p>Tale impostazione però mostra i suoi limiti nel dialogo stesso in questione. Difatti, per diverse vie e applicando il metodo diairetico per sette volte diverse, lo scritto giunge a sette definizioni diverse del sofista. Critiche al metodo platonico verranno da Aristotele, il quale imputa alla divisione dialettica platonica il difetto di postulare ció che deve dimostrare ossia di cadere in una <em>petizione di principio</em>, in quanto occorre che sia presupposta o conosciuta prima la natura o specie del <em>demonstrandum</em> e <em>definiendum</em> per poter scegliere le differenze.</p>
<p>In buona sostanza nel metodo platonico la definizione stessa degli insiemi entro i quali effettuare delle scelte cela già un postulato di appartenenza dell&#8217;oggetto in questione. Ne deriva che a domanda diverse (o meglio, a linee interrogative diverse) corrisponde una definizione diversa perchè in ogni serie di domande si postula l&#8217;essenza dell&#8217;oggetto da definire.</p>
<p>Tornando al digitale, in buona sostanza, si può dire che attraverso il processo della diairesi è possibile arrivare alla definizione dei concetti solo se l&#8217;operazione di discernimento degli insiemi ha fondamento di oggettività. In buona sostanza, semplificando:</p>
<p><strong>Per convertire una qualsiasi cosa o concetto in digitale c&#8217;è bisogno di porsi le domande giuste!</strong></p>
<p>D&#8217;altronde, tornando al primo esempio di digitalizzazione del numero 6, è evidente che ponendo le domande sbagliate (per esempio non dividendo gli insiemi in parti uguali) c&#8217;è bisogno di più domande per arrivare alla definizione del numero e, essendo il metodo &#8220;non oggettivo&#8221; (in quanto la divisione degli insiemi è arbitraria) non sarà possibile &#8220;riconvertire&#8221; il numero in questione in formato decimale. Inoltre è evidente che digitalizzare una lettera o un colore non è possibile se non con delle convenzioni di riferimento (che impica la nostra capacità di &#8220;porre domande&#8221; in merito) quali il sistema di codifica ASCII o i metodi colori RGB, CMYK o HSB.</p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;t=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=Facciamo%20un%20semplice%20giochino%3A%20supponiamo%20di%20dover%20indovinare%20un%20numero%20tra%200%20e%207%20ponendo%20il%20minor%20numero%20di%20domande%20possibili.%20Supponiamo%20che%20il%20numero%20da%20indovinare%20sia%20il%206.%20La%20prima%20domanda%20sar%C3%A0%3A%20il%20numero%20in%20questione%20%C3%A8%20compreso%20tra%200%20e%203%20o%20tr" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F06%2F02%2Fplatone-il-digitale-e-la-capacita-di-scelta%2F&amp;title=Platone%2C%20il%20digitale%20e%20la%20capacit%C3%A0%20di%20scelta" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/06/02/platone-il-digitale-e-la-capacita-di-scelta/feed/</wfw:commentRss>
		</item>
		<item>
		<title>What You See Is What You Get</title>
		<link>http://www.diciottopassi.it/blog/2009/05/28/what-you-see-is-what-you-get/</link>
		<comments>http://www.diciottopassi.it/blog/2009/05/28/what-you-see-is-what-you-get/#comments</comments>
		<pubDate>Thu, 28 May 2009 08:33:20 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[personal]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=140</guid>
		<description><![CDATA[




	
	
	
	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-139" title="26 maggio 2009" src="http://www.diciottopassi.it/blog/wp-content/uploads/2009/05/wysiwyg.jpg" alt="26 maggio 2009" width="470" height="310" /></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;t=What%20You%20See%20Is%20What%20You%20Get" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F05%2F28%2Fwhat-you-see-is-what-you-get%2F&amp;title=What%20You%20See%20Is%20What%20You%20Get" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/05/28/what-you-see-is-what-you-get/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Font Face Replacement: aspettando @font-face</title>
		<link>http://www.diciottopassi.it/blog/2009/04/12/font-face-replacement-aspettando-font-face/</link>
		<comments>http://www.diciottopassi.it/blog/2009/04/12/font-face-replacement-aspettando-font-face/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 15:26:56 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[browser]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[javascript]]></category>

		<category><![CDATA[tipografia]]></category>

		<category><![CDATA[web]]></category>

		<category><![CDATA[font replacement]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=119</guid>
		<description><![CDATA[Una delle problematiche che da sempre rappresenta un vincolo importante nel design di pagine web è la scelta delle font da utilizzare per la visualizzazione dei testi. Le tecnologie supportate nello sviluppo e nel parsing delle pagine web hanno difatti da sempre imposto molti limiti nella scelta delle diverse tipologie di caratteri.
Come molti sanni i [...]]]></description>
			<content:encoded><![CDATA[<p>Una delle problematiche che da sempre rappresenta un vincolo importante nel design di pagine web è la scelta delle font da utilizzare per la visualizzazione dei testi. Le tecnologie supportate nello sviluppo e nel parsing delle pagine web hanno difatti da sempre imposto molti limiti nella scelta delle diverse tipologie di caratteri.<span id="more-119"></span></p>
<p>Come molti sanni i browser visualizzano i caratteri utilizzando le librerie font disponibili sul computer dell&#8217;utente. Ne consegue che è preferibile usare quei tipi di caratteri che hanno maggior diffusione sui computer di tutto il mondo (Georgia, Verdana, Times, Arial, Tahoma, Lucida, etc.).</p>
<p>Tale limite nel design tradizionale delle pagine web viene superato creando immagini ad hoc dei testi (headline, pulsanti, etc.) e inserendole nelle pagine web o direttamente come immagini (tecnica che comporta gravi problemi sotto l&#8217;aspetto semantico) o con tecniche di image replacement (per approfondimenti vedi: <a title="Revised Image Replacement - Dave Shea" href="http://www.mezzoblue.com/tests/revised-image-replacement/" target="_blank">Revised Image Replacement - Dave Shea</a>). Tale tecnica, seppur valida sotto il profilo dell&#8217;accessibilità e della conformità agli standard web, può comportare però dei problemi riguardo la quantità di lavoro da svolgere e di regole css da implementare (per ogni testo vanno create immagini e regole css ad hoc).</p>
<p>Per ovviare a questo problema lo standard css2 prevedeva l&#8217;adozione negli standard web del modulo css @font-face.</p>
<p><code>@font-face {<br />
font-family: XXXXX;<br />
src: url('xxxxx.ttf');<br />
}<br />
h1 {font-family: XXXXX;}<br />
</code>Grazie a tale tecnica è possibile dichiarare una font all&#8217;interno delle regole css associando ad essa un file di riferimento (ttf, otf, etc.). In buona sostanza, tale tecnica sposta la reperibilità della font dal client (il computer dell&#8217;utente) al server.</p>
<p>Purtroppo, per via della scarsa adesione agli standard dei browser attualmente in commercio e per ragioni legate alla proprietà degli standard delle tipologie di font, tale regola css è di fatto supportata solo dal browser safari dalla versione 3.1. In verità tale tecnica è supportata anche dei browser Internet Explorer dalla versione 4 in avanti ma casa Microsoft impone l&#8217;utilizzo di una tipologia di font proprietaria (Embedded OpenType - EOT). Tale limite impone quindi la creazione di regole css ad hoc per i browser di casa Microsoft.</p>
<p>Per ovviare a tali inconvenienti si sono implementate diverse tecniche di sostutizione della font (Font Face Replacement) grazie all&#8217;uso di altre tecnologie (javascript, flash o php con supporto gd). Di seguito pubblico una lista di alcune di queste tecniche con una breve introduzione.</p>
<p><a title="Typeface.js" href="http://typeface.neocracy.org/" target="_blank"><strong>Typeface.js</strong></a></p>
<p>Lo script, realizzato da David Chester, sfrutta la capacità di disegno vettoriale dei browser (canvas e VML) per renderizzare il testo. La tecnica è di semplice utilizzo: basta integrare nella propria pagina web il motore di scripting javascript typeface.js e il file di conversione javascript che indica, a secondo del tipo di font, come convertire le lettere in disegno vettoriale. Tale file va creato ad hoc per ogni specifico font che si intende utilizzare grazie alla <a href="http://typeface.neocracy.org/fonts.html" target="_blank">procedura presente sul sito web typeface.js</a>.</p>
<p>La tecnica, seppure di semplice utilizzo e di facile implementazione, presenta diversi inconvenienti: il testo, una volta &#8220;convertito&#8221; in disegno vettoriale, non è più &#8220;selezionabile&#8221; (in parole semplici&#8230; non è più un testo!) e va creato lo scripting di trasformazione per ogni font che si intende utilizzare, appesantendo inevitabilmente il peso delle proprie pagine web.</p>
<p><a title="Cufòn" href="http://cufon.shoqolate.com/" target="_blank"><strong>Cufòn</strong></a></p>
<p>La tecnica, implementata da Simo Kinnunen, utilizzo lo stesso sistema di vettorializzazione del testo utilizzata da typeface.js, con cui condivide anche pregi e difetti. Per un analisi dettagliata delle differenze tra le due tecniche e per un confronto tra di esse si vede l&#8217;interessante post di Kilian Valkhof dal titolo <a title="Cufón vs. Typeface.js, which one is better?" href="http://kilianvalkhof.com/2009/javascript/cufon-vs-typefacejs-which-one-is-better/" target="_blank">Cufón vs. Typeface.js, which one is better?<br />
</a></p>
<p><a title="Sifr 2.0" href="http://www.mikeindustries.com/blog/sifr/" target="_blank"><strong>Sifr</strong></a></p>
<p>Sifr utilizza la tecnologia Adobe Flash per renderizzare testo. Adobe Flash permette infatti di utilizzare la font che si ritiene opportuna integrando il typeface all&#8217;interno del file swf. Passando le variabili opportune quindi la tecnica sifr sostituisce al testo un file swf che quindi lo visualizzerà con il typeface desiderato. Gli inconvenienti per tale tecnica anche qui sono diversi: a differenza di cufòn e typeface.js che utilizzano solo javascript come tecnologia di supporto, la tecnica sifr associa all&#8217;utilizzo di javascript anche quello di adobe flash, con tutti i problemi che ne comporta sotto il profilo dell&#8217;accessibilità e di velocità di caricamento della pagina. Inoltre, anche in questo caso, va sempre e comunque realizzato un file swf ad hoc per ogni font che si intende utilizzare.</p>
<p><a title="Facelift Image Replacement" href="http://facelift.mawhorter.net/" target="_blank"><strong>FLIR (Face lift image replacement)</strong></a></p>
<p>La tecnica, sviluppata da <a title="Cory Mawhorter" href="http://www.mawhorter.net/" target="_blank">Cory Mawhorter</a>, differisce dalle altre perchè utilizza un motore di scripting server-side per la realizzazione delle immagini da sostituire ai testi. Difatti FLIR genera on-the-fly le immagini contenenti i testi a cui si intende attribuire il typeface utilizzando php e la libreria gd di manipolazione e realizzazione delle immagini. La libreria, più complicata da usare rispetto a typeface.js o cufòn, necessita ovviamente del supporto server al linguaggio di scripting utilizzato (php+gd).</p>
<h4>Approfondimenti</h4>
<p><a title="@font-face Browser Support" href="http://webfonts.info/wiki/index.php?title=%40font-face_browser_support" target="_blank">http://webfonts.info/wiki/index.php?title=%40font-face_browser_support</a></p>
<p><a title="Font Face Replacement - Joren Rapini" href="http://jorenrapini.com/blog/web-design/font-face-replacement-and-embedding-techniques-and-resources" target="_blank">http://jorenrapini.com/blog/web-design/font-face-replacement-and-embedding-techniques-and-resources</a></p>
<p><a title="Cufón vs. Typeface.js, which one is better? Kilian Valkhof" href="http://kilianvalkhof.com/2009/javascript/cufon-vs-typefacejs-which-one-is-better/" target="_blank">http://kilianvalkhof.com/2009/javascript/cufon-vs-typefacejs-which-one-is-better/</a></p>
<p><a title="Sifr 2.0" href="http://www.mikeindustries.com/blog/sifr/" target="_blank">http://www.mikeindustries.com/blog/sifr/</a></p>
<p><a title="FLIR" href="http://facelift.mawhorter.net/" target="_blank">http://facelift.mawhorter.net/</a></p>
<p><a title="Cufòn" href="http://cufon.shoqolate.com/" target="_blank">http://cufon.shoqolate.com/generate/</a></p>
<p><a title="Typeface.js" href="http://typeface.neocracy.org/" target="_blank">http://typeface.neocracy.org/</a></p>
<p><a title="Render Text With Javascript: Typeface.js" href="http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/" target="_blank">http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/</a></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;t=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=Una%20delle%20problematiche%20che%20da%20sempre%20rappresenta%20un%20vincolo%20importante%20nel%20design%20di%20pagine%20web%20%C3%A8%20la%20scelta%20delle%20font%20da%20utilizzare%20per%20la%20visualizzazione%20dei%20testi.%20Le%20tecnologie%20supportate%20nello%20sviluppo%20e%20nel%20parsing%20delle%20pagine%20web%20hanno%20difa" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F04%2F12%2Ffont-face-replacement-aspettando-font-face%2F&amp;title=Font%20Face%20Replacement%3A%20aspettando%20%40font-face" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/04/12/font-face-replacement-aspettando-font-face/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Feed(in the)back</title>
		<link>http://www.diciottopassi.it/blog/2009/03/07/feed-in-the-back/</link>
		<comments>http://www.diciottopassi.it/blog/2009/03/07/feed-in-the-back/#comments</comments>
		<pubDate>Sat, 07 Mar 2009 17:23:20 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[firefox]]></category>

		<category><![CDATA[marketing]]></category>

		<category><![CDATA[navigando]]></category>

		<category><![CDATA[storia]]></category>

		<category><![CDATA[tecnologia]]></category>

		<category><![CDATA[web]]></category>

		<category><![CDATA[dell]]></category>

		<category><![CDATA[ebay]]></category>

		<category><![CDATA[reputazione on-line]]></category>

		<category><![CDATA[social rating]]></category>

		<category><![CDATA[tripadvisor]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=101</guid>
		<description><![CDATA[Il web è un media di tipo circolare, a differenza dei media verticali (uno a molti - i tradizionali mass media) e orizzontali (uno a uno - es. il telefono), il cui paradigma è quello della comunicazione &#8220;molti a molti&#8221; (semplificando: tutti comunicano con tutti). Tale &#8220;rivoluzione&#8221; comunicativa iniziò ad avere i suoi effetti sulle [...]]]></description>
			<content:encoded><![CDATA[<p>Il web è un media di tipo circolare, a differenza dei media verticali (uno a molti - i tradizionali mass media) e orizzontali (uno a uno - es. il telefono), il cui paradigma è quello della comunicazione &#8220;molti a molti&#8221; (semplificando: tutti comunicano con tutti). Tale &#8220;rivoluzione&#8221; comunicativa iniziò ad avere i suoi effetti sulle dinamiche di acquisto grazie alla diffusione di ebay, il noto sito di aste online che propose il suo metodo per garantire l&#8217;affidabilità di un compratore o di un venditore: i feedback.<span id="more-101"></span></p>
<p><img class="alignnone size-full wp-image-105" title="Vignetta: il social rating" src="http://www.diciottopassi.it/blog/wp-content/uploads/2009/03/mobile_rating1.jpg" alt="Vignetta: il social rating" width="400" height="321" /><br />
via <a href="http://www.gliaffidabili.it/blog/">gliaffidabili</a></p>
<p>Valutare un acquisto, soprattutto online, non implica solo la scelta del prodotto ma anche - o soprattutto - la <strong>scelta del venditore</strong>. Il compratore, in buona sostanza, ha bisogno di garanzie riguardo l&#8217;attendibilità delle caratteristiche di un prodotto posto  in vendita, l&#8217;efficienza su servizi accessori e assistenza tecnica e commerciale, l&#8217;affidabilità sui tempi e le modalità di spedizione. Inoltre da anni molti acquirenti sembrano aver fatto proprio il motto &#8220;<em>compra responsabilmente</em>&#8220;: un valore aggiunto all&#8217;acquisto viene dato dalla scelta di un&#8217;azienda che attua politiche di produzione attente a tematiche ambientali e sociali (vedi il successo della politica di produzione &#8220;verde&#8221; di Apple o le campagne di boicottaggio verso Coca Cola o Nike).</p>
<p>Nell&#8217;era di ebay è quindi il feedback il motore di marketing più potente, ciò che fà scegliere un acquisto piuttosto che un altro. Ma se è possibile sfruttare il web per &#8220;qualificare&#8221; un singolo venditore, perchè non è possibile farlo con i grossi marchi?</p>
<p>Nel 2005  <a title="Il blog di Jeff Jarvis" href="http://www.buzzmachine.com/">Jeff Jarvis</a> pubblicò un post sul suo blog dall&#8217;esplicativo titolo &#8220;<a title="Il post di Jeff Jarvis su Dell" href="http://www.buzzmachine.com/archives/2005_06_21.html">Dell lies. Dell sucks</a>&#8221; in cui lamentava la bassa qualità di un laptop e dei servizi di assistenza della famosa casa produttrice di prodotti elettronici. In poche settimane si scatenò una vera e propria <a title="Dell vs Blogosfera" href="http://www.slideshare.net/marketingfacts/dell-vs-blogosphere">guerra mediatica</a> contro l&#8217;azienda da parte della blogosfera. A distanza di tempo Dell rispose alle polemiche creando <a title="Direct2Dell" href="http://en.community.dell.com/blogs/direct2dell/">Direct2Dell</a>, segnale di una nuovo approccio verso le richieste dei clienti e un attenzione maggiore alla propria &#8220;<strong>reputazione online</strong>&#8220;.</p>
<p>Da allora si sono moltiplicati i siti web che recensiscono prodotti e aziende: così nasce il <strong>social rating</strong>. In tali siti, numerosi soprattutto negli Stati Uniti, è possibile recensire ristoranti, hotel, prodotti di elettronica o addirittura singoli professionisti: idraulici, baby-sitter, avvocati, etc. Tra gli altri segnalo <a title="UrbanSpoon" href="http://www.urbanspoon.com/">UrbanSpoon</a> che si occupa di ristoranti e <a title="TripAdvisor" href="http://www.tripadvisor.it/">TripAdvisor</a> (disponibile anche nella versione italiana) che si occupa di prodotti turistici. Inoltre segnalo gli italiani <a title="GliAffidabili.it" href="http://www.gliaffidabili.it">gliaffidabili.it</a> e <a title="Votailprof" href="http://www.votailprof.it/">Votailprof</a> in cui è possibile recensire i propri professori.</p>
<p>Altro fenomeno degli ultimi tempi è la diffusione in blogosfera di alcune recensioni e racconti negativi riguardo le aziende che partono dai loro stessi dipendenti che, per dispetto, frustrazione o semplicemente per visibilità, raccontano online ciò che il cliente non dovrebbe mai sapere: il <em>dietro le quinte</em> delle aziende. Clamore ha suscitato in Italia il <a href="http://www.repubblica.it/2008/07/sezioni/economia/alitalia-24/blog-assistente/blog-assistente.html">caso</a> del dipendente Alitalia che ha pubblicato tempo fa sul suo blog foto e notizie compromettenti riguardo la propria azienda. <a title="GlassDoor.com" href="http://www.glassdoor.com/index.htm">GlassDoor</a> (la porta di vetro) ha attualmente in archivio recensioni di più di 20000 aziende scritte dei loro stessi dipendenti. Il servizio, lontano dall&#8217;essere puro e semplice gossip, si rivela comunque molto utile: poniamo di dover sostenere un colloquio di lavoro con l&#8217;azienda X, a chi non piacerebbe sapere come funzionano <em>veramente </em>le cose all&#8217;interno?</p>
<p>Il problema della reputazione online, nonostante non sia una problematica &#8220;nuova&#8221;, rappresenta quindi per le aziende un tema di scottante attualità: la ricerca <a title="Risky Business: Reputations Online" href="http://www.online-reputations.com/">Risky Business: Reputations Online,</a> condotta tra più di settecento senior manager di tutto il mondo, mostra che circa il 70% dei dirigenti affermano di temere la messa in discussione della propria reputazione sul web, manifestando quindi l’idea che la reputazione della propria azienda sia vulnerabile.</p>
<h4>Approfondimenti:</h4>
<p><a title="Risky Business: Reputations Online" href="http://www.online-reputations.com/">http://www.online-reputations.com/</a></p>
<p><a href="http://www.progetto-seo.com/reputazione-online/reputazione-online">http://www.progetto-seo.com/reputazione-online/reputazione-online</a></p>
<p><a href="http://marketingusabile.blogspot.com/2007/09/popolarit-reputazione-e-rampicanti.html">http://marketingusabile.blogspot.com/2007/09/popolarit-reputazione-e-rampicanti.html</a></p>
<p><a href="http://en.wikipedia.org/wiki/Online_reputation_management">http://en.wikipedia.org/wiki/Online_reputation_management</a></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;t=Feed%28in%20the%29back" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=Il%20web%20%C3%A8%20un%20media%20di%20tipo%20circolare%2C%20a%20differenza%20dei%20media%20verticali%20%28uno%20a%20molti%20-%20i%20tradizionali%20mass%20media%29%20e%20orizzontali%20%28uno%20a%20uno%20-%20es.%20il%20telefono%29%2C%20il%20cui%20paradigma%20%C3%A8%20quello%20della%20comunicazione%20%22molti%20a%20molti%22%20%28semplificando%3A%20tutti%20comunic" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F03%2F07%2Ffeed-in-the-back%2F&amp;title=Feed%28in%20the%29back" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/03/07/feed-in-the-back/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Georgia on my mind</title>
		<link>http://www.diciottopassi.it/blog/2009/02/24/georgia-on-my-mind/</link>
		<comments>http://www.diciottopassi.it/blog/2009/02/24/georgia-on-my-mind/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 08:50:07 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[storia]]></category>

		<category><![CDATA[tipografia]]></category>

		<category><![CDATA[web]]></category>

		<category><![CDATA[font]]></category>

		<category><![CDATA[georgia]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/2009/02/24/georgia-on-my-mind/</guid>
		<description><![CDATA[Georgia è un serif (carattere tipografico con grazie) progettato nel 1993 da Matthew Carter per la Microsoft Corporation (dai diamanti non nasce niente, dal letame nascono i fiori - Fabrizio De Andrè) nell&#8217;ambito del progetto del &#8216;96 denominato &#8220;Core fonts for the Web&#8221; che aveva lo scopo di fornire un pacchetto di fonts standard per [...]]]></description>
			<content:encoded><![CDATA[<p>Georgia è un serif (carattere tipografico con grazie) progettato nel 1993 da Matthew Carter per la Microsoft Corporation (<em>dai diamanti non nasce niente, dal letame nascono i fiori - Fabrizio De Andrè</em>) nell&#8217;ambito del progetto del &#8216;96 denominato &#8220;Core fonts for the Web&#8221; che aveva lo scopo di fornire un pacchetto di fonts standard per l&#8217;utilizzo sul web.<span id="more-51"></span></p>
<p>Il progetto portò alla realizzazione e alla diffusione dei due font attualmente più utilizzati nel web design: il Verdana - carattere sans-serif - e per l&#8217;appunto Georgia. I due font rappresentano la versione &#8220;screen font&#8221; dei più famosi e tradizionali Arial - Helvetica e Times New Roman, meno adatti alla visualizzazione a schermo. Difatti il carattere Georgia condivide molte somiglianze con l&#8217;antenato Times New Roman, sebbene il Georgia sia notevolmente più largo del Times alla stessa dimensione in punti.</p>
<p>Il carattere prende il suo nome dai titoli presenti in un tabloid relativi al rinvenimento di teste di alieni nello stato americano della Georgia.</p>
<p>Il font è stata progettata per essere leggibile su un monitor anche a piccole dimensioni ed ha la sua caratteristica principale nell&#8217;altezza della x-height.</p>
<p>Cito (e traduco) dal sito Microsoft:</p>
<blockquote><p>&#8220;Anche alle piccole dimensioni il font trasmette un senso di familiarità; una sensazione di intimità che col tempo il Times New Roman ha perso per via del suo abuso. [...] Nel Georgia, Carter è riuscito con successo a creare una famiglia di carattere che combina l&#8217;alta leggibilità con la personalità ed il fascino.&#8221;</p>
<p>da <em>microsoft.com </em></p></blockquote>
<p>In virtù della sua appartenenza al pacchetto Web core fonts, Georgia è preinstallato negli Apple Macintosh e nei computer Windows-based.</p>
<p>Per celebrare il font <a title="Inspiration Bit" href="http://www.inspirationbit.com/georgia-on-my-mind/" target="_blank">InspirationBit</a> ha creato una <a title="Georgia On My Mind - Inspiration Bit" href="http://www.inspirationbit.com/georgia-on-my-mind/" target="_blank">gallery commentata</a> di 32 siti che fanno di Georgia l’unico font (almeno l’unico definito nel CSS, escludendo quindi i caratteri bitmap).</p>
<p>p.s.: chiedo scusa ai puristi per essermi riferito al termine &#8220;font&#8221; al maschile&#8230; abitudine!</p>
<h4>Approfondimenti:</h4>
<p><a href="http://www.microsoft.com/typography/fonts/family.aspx?FID=4">http://www.microsoft.com/typography/fonts/family.aspx?FID=4</a></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;t=Georgia%20on%20my%20mind" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=Georgia%20%C3%A8%20un%20serif%20%28carattere%20tipografico%20con%20grazie%29%20progettato%20nel%201993%20da%20Matthew%20Carter%20per%20la%20Microsoft%20Corporation%20%28dai%20diamanti%20non%20nasce%20niente%2C%20dal%20letame%20nascono%20i%20fiori%20-%20Fabrizio%20De%20Andr%C3%A8%29%20nell%27ambito%20del%20progetto%20del%20%2796%20denominato%20%22Co" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F24%2Fgeorgia-on-my-mind%2F&amp;title=Georgia%20on%20my%20mind" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/02/24/georgia-on-my-mind/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Il sorpasso di Firefox</title>
		<link>http://www.diciottopassi.it/blog/2009/02/05/il-sorpasso-di-firefox/</link>
		<comments>http://www.diciottopassi.it/blog/2009/02/05/il-sorpasso-di-firefox/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 11:18:07 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[browser]]></category>

		<category><![CDATA[explorer]]></category>

		<category><![CDATA[firefox]]></category>

		<category><![CDATA[tecnologia]]></category>

		<category><![CDATA[user experience]]></category>

		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=56</guid>
		<description><![CDATA[In questi giorni il W3C, come ogni mese, ha pubblicato sul proprio sito i dati aggiornati relativi all&#8217;utilizzo dei diversi browser in commercio. Dopo anni di concorrenza, a volte a suon di avvocati, il browser del progetto Mozilla ha finalmente più utilizzatori del concorrente di casa Microsoft, da sempre bestia nera di tutto gli operatori [...]]]></description>
			<content:encoded><![CDATA[<p>In questi giorni il W3C, come ogni mese, ha pubblicato sul proprio sito i dati aggiornati relativi all&#8217;utilizzo dei diversi browser in commercio. Dopo anni di concorrenza, a volte a suon di avvocati, il browser del progetto Mozilla ha finalmente più utilizzatori del concorrente di casa Microsoft, da sempre bestia nera di tutto gli operatori del settore per lo scarso supporto agli standard css e javascript.<span id="more-56"></span></p>
<p>I dati aggiornati al mese di gennaio 2009 sono:<br />
<img class="alignnone size-full wp-image-62" style="margin-top:5px;margin-bottom:5px;" title="Il sorpasso di Firefox su Explorer nelle statistiche ufficiali W3C" src="http://www.diciottopassi.it/blog/wp-content/uploads/2009/02/browser_statistic1.jpg" alt="Il sorpasso di Firefox su Explorer nelle statistiche ufficiali W3C" width="474" height="140" /><br />
fonte: <a href="http://www.w3schools.com/browsers/browsers_stats.asp">http://www.w3schools.com/browsers/browsers_stats.asp</a></p>
<p>La notizia mette in luce, oltre alla bontà delle campagne promozionali virali messe in atto dal progetto Mozilla, anche l&#8217;attenzione degli utenti verso le enormi potenzialità fornite da Firefox nella fruizione dei contenuti web.</p>
<h4>Approfondimenti</h4>
<p><a href="http://www.mozilla-europe.org/it/firefox/">http://www.mozilla-europe.org/it/firefox/</a></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;t=Il%20sorpasso%20di%20Firefox" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=In%20questi%20giorni%20il%20W3C%2C%20come%20ogni%20mese%2C%20ha%20pubblicato%20sul%20proprio%20sito%20i%20dati%20aggiornati%20relativi%20all%27utilizzo%20dei%20diversi%20browser%20in%20commercio.%20Dopo%20anni%20di%20concorrenza%2C%20a%20volte%20a%20suon%20di%20avvocati%2C%20il%20browser%20del%20progetto%20Mozilla%20ha%20finalmente%20pi%C3%B9" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F02%2F05%2Fil-sorpasso-di-firefox%2F&amp;title=Il%20sorpasso%20di%20Firefox" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/02/05/il-sorpasso-di-firefox/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ecofont: il font con i buchi</title>
		<link>http://www.diciottopassi.it/blog/2009/01/31/ecofont-il-font-con-i-buchi/</link>
		<comments>http://www.diciottopassi.it/blog/2009/01/31/ecofont-il-font-con-i-buchi/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 13:23:06 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[tecnologia]]></category>

		<category><![CDATA[tipografia]]></category>

		<category><![CDATA[ambiente]]></category>

		<category><![CDATA[ecofont]]></category>

		<category><![CDATA[font]]></category>

		<category><![CDATA[stampa]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=69</guid>
		<description><![CDATA[Ecofont è un set di caratteri ideato da SPRANQ, studio creativo di Utrecht, per risparmiare inchiostro nell’uso quotidiano della stampante.
Basato sul font Vera Sans, un carattere Open Source, Ecofont è caratterizzato da forellini all’interno di ogni lettera in modo da limitare il consumo d&#8217;inchiostro senza comprometterne la leggibilità.

Lo studio olandese ha calcolato di poter risparmiare, [...]]]></description>
			<content:encoded><![CDATA[<p>Ecofont è un set di caratteri ideato da <a title="Il sito dello studio di comunicazione SPRANQ" href="http://www.spranq.nl/en/">SPRANQ</a>, studio creativo di Utrecht, per risparmiare inchiostro nell’uso quotidiano della stampante.</p>
<p>Basato sul font Vera Sans, un carattere Open Source, Ecofont è caratterizzato da forellini all’interno di ogni lettera in modo da limitare il consumo d&#8217;inchiostro senza comprometterne la leggibilità.<span id="more-69"></span></p>
<p><img class="size-full wp-image-70" style="margin-top:5px;margin-bottom:5px;" title="Ecofont" src="http://www.diciottopassi.it/blog/wp-content/uploads/2009/02/ecofont.jpg" alt="Ecofont" width="266" height="60" /></p>
<p>Lo studio olandese ha calcolato di poter risparmiare, grazie all&#8217;utilizzo di ecofont, fino al 20% dell’inchiostro impiegato.</p>
<p>L&#8217;Ecofont è gratuito ed è possibile scaricarlo dal <a title="Il sito ufficiale di Ecofont" href="http://www.ecofont.eu/english.html">sito ufficiale</a>.</p>
<p>Via <a title="Sito ufficiale Caterpillar" href="http://www.caterpillar.rai.it/">Caterpillar</a></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;t=Ecofont%3A%20il%20font%20con%20i%20buchi" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=Ecofont%20%C3%A8%20un%20set%20di%20caratteri%20ideato%20da%20SPRANQ%2C%20studio%20creativo%20di%20Utrecht%2C%20per%20risparmiare%20inchiostro%20nell%E2%80%99uso%20quotidiano%20della%20stampante.%0D%0A%0D%0ABasato%20sul%20font%20Vera%20Sans%2C%20un%20carattere%20Open%20Source%2C%20Ecofont%20%C3%A8%20caratterizzato%20da%20forellini%20all%E2%80%99intern" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2009%2F01%2F31%2Fecofont-il-font-con-i-buchi%2F&amp;title=Ecofont%3A%20il%20font%20con%20i%20buchi" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2009/01/31/ecofont-il-font-con-i-buchi/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Cose che un giorno comprerò #1</title>
		<link>http://www.diciottopassi.it/blog/2008/12/28/cose-che-un-giorno-comprero-1/</link>
		<comments>http://www.diciottopassi.it/blog/2008/12/28/cose-che-un-giorno-comprero-1/#comments</comments>
		<pubDate>Sun, 28 Dec 2008 14:47:40 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[design]]></category>

		<category><![CDATA[wishlist]]></category>

		<category><![CDATA[abbigliamento]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/?p=78</guid>
		<description><![CDATA[




	
	
	
	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p><a class="noborder" href="http://www.suck.uk.com/product.php?rangeID=69"><img class="alignnone size-full wp-image-80" title="Smoking Mittens - Suck Uk" src="http://www.diciottopassi.it/blog/wp-content/uploads/2009/02/untitled-3.jpg" alt="Smoking Mittens - Suck Uk" width="450" height="228" /></a></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;t=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F28%2Fcose-che-un-giorno-comprero-1%2F&amp;title=Cose%20che%20un%20giorno%20comprer%C3%B2%20%231" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2008/12/28/cose-che-un-giorno-comprero-1/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Top 18 2008</title>
		<link>http://www.diciottopassi.it/blog/2008/12/26/top-18-2008/</link>
		<comments>http://www.diciottopassi.it/blog/2008/12/26/top-18-2008/#comments</comments>
		<pubDate>Fri, 26 Dec 2008 16:54:53 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[musica]]></category>

		<category><![CDATA[top 18]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/2008/12/26/top-18-2008/</guid>
		<description><![CDATA[La mia personale classifica dei migliori album dell&#8217;anno. Dai Gregor Samsa ai Portished, dal classico Russell alla nuova scoperta Autistic Daughters, con la certezza di aver trascurato qualche album fondamentale.
 ul.classifica {margin:10px 0;} ul.classifica li {float:left;width:450px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;} ul.classifica li u {float:left;margin-right:10px;width:30px;text-decoration:none;font-size:24px;color:#999;} ul.classifica li img {float:left;margin-right:20px;} ul.classifica p {float:left;width:250px;}

1Gregor Samsa
Rest
(The Kora)
slo-core
2Thee Silver Mt. Zion Memorial [...]]]></description>
			<content:encoded><![CDATA[<p>La mia personale classifica dei migliori album dell&#8217;anno. Dai Gregor Samsa ai Portished, dal classico Russell alla nuova scoperta Autistic Daughters, con la certezza di aver trascurato qualche album fondamentale.</p>
<style type="text/css"> ul.classifica {margin:10px 0;} ul.classifica li {float:left;width:450px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;} ul.classifica li u {float:left;margin-right:10px;width:30px;text-decoration:none;font-size:24px;color:#999;} ul.classifica li img {float:left;margin-right:20px;} ul.classifica p {float:left;width:250px;}</style>
<ul class="classifica">
<li><u>1</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/gregorsamsa.jpg" alt="Gregor Samsa - Rest" /><strong>Gregor Samsa</strong><br />
<em>Rest</em><br />
(The Kora)<br />
slo-core</li>
<li><u>2</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/silver.jpg" alt="Thee Silver Mt. Zion Memorial Orchestra &amp; Tra-La-La Band - 13 Blues for Thirteen Moons" /><strong>Thee Silver Mt. Zion Memorial Orchestra &amp; Tra-La-La Band</strong><br />
<em>13 Blues for Thirteen Moons</em><br />
(Constellation)<br />
post-rock</li>
<li><u>3</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/portished.jpg" alt="Portished - Third" /><strong>Portished</strong><br />
<em>Third</em><br />
(Mercury/Island)<br />
trip-hop</li>
</ul>
<p><span id="more-31"></span></p>
<ul class="classifica">
<li><u>4</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/autistic_daughters.jpg" alt="Autistic Daughters - Uneasy Flowers" /><strong>Autistic Daughters</strong><br />
<em>Uneasy Flowers</em><br />
(Kranky / Staubgold)<br />
slo-core</li>
<li><u>5</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/wilson.jpg" alt="Steven Wilson - Insurgentes" /><strong>Steven Wilson</strong><br />
<em>Insurgentes</em><br />
(Kscope)<br />
progressive rock</li>
<li><u>6</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/russell.jpg" alt="Arthur Russel - Love is overtaking me" /><strong>Arthur Russell</strong><br />
<em>Love Is Overtaking Me</em><br />
(Audika)<br />
songwriter</li>
<li><u>7</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/fuckbuttons.jpg" alt="Fuck Buttons - Street Horrrsing" /><strong>Fuck Buttons</strong><br />
<em>Street Horrrsing</em><br />
(Atp Recordings)<br />
noise, drone</li>
<li><u>8</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/haveanicelife.jpg" alt="Have a Nice Life - Deathconsciousness" /><strong>Have a Nice Life</strong><br />
<em>Deathconsciousness</em><br />
(Enemies List)<br />
shoegaze</li>
<li><u>9</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/evangelista.jpg" alt="Evangelista - Hello, Voyager" /><strong>Evangelista</strong><br />
<em>Hello, Voyager</em><br />
(Constellation)<br />
experimental</li>
<li><u>10</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/joanaspolicewoman.jpg" alt="Joan As Police Woman - To survive" /><strong>Joan As Police Woman</strong><br />
<em>To survive</em><br />
(Reveal)<br />
songwriter</li>
<li><u>11</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/sigurros.jpg" alt="Sigur Rós - Með Suð Í Eyrum Við Spilum Endalaust" /><strong>Sigur Rós</strong><br />
<em>Með Suð Í Eyrum Við Spilum Endalaust</em><br />
(Emi)<br />
dream-folk</li>
<li><u>12</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/xiuxiu.jpg" alt="Xiu Xiu - Women as Lovers" /><strong>Xiu Xiu</strong><br />
<em>Women as Lovers</em><br />
(Kill Rock Stars)<br />
alternative</li>
<li><u>13</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/deerhunter.jpg" alt="Deerhunter - Microcastle - Weird Era Cont." /><strong>Deerhunter</strong><br />
<em>Microcastle - Weird Era Cont.</em><br />
(Kranky)<br />
dream-pop</li>
<li><u>14</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/byrne_eno.jpg" alt="David Byrne &amp; Brian Eno - Everything That Happens Will Happen Today" /><strong>David Byrne &amp; Brian Eno</strong><br />
<em>Everything That Happens Will Happen Today</em><br />
(Everythingthathappens.com)<br />
avant-pop</li>
<li><u>15</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/klimt1918.jpg" alt="Klimt 1918 - Just In Case We’ll Never Meet Again" /><strong>Klimt 1918</strong><br />
<em>Just In Case We&#8217;ll Never Meet Again</em><br />
(Prophecy)<br />
shoegaze</li>
<li><u>16</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/torrini.jpg" alt="Emiliana Torrini - Me and Armini" /><strong>Emiliana Torrini</strong><br />
<em>Me and Armini</em><br />
(Rough Trade)<br />
avant-pop</li>
<li><u>17</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/beck.jpg" alt="Beck - Modern Guilt" /><strong>Beck</strong><br />
<em>Modern Guilt</em><br />
(Interscope)<br />
alternative rock</li>
<li><u>18</u><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/12/deathcubforcutie.jpg" alt="Death Cub For Cutie - Narrow Stairs" /><strong>Death Cub For Cutie</strong><br />
<em>Narrow Stairs</em><br />
(Atlantic)<br />
indie rock</li>
</ul>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;t=Top%2018%202008" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=La%20mia%20personale%20classifica%20dei%20migliori%20album%20dell%27anno.%20Dai%20Gregor%20Samsa%20ai%20Portished%2C%20dal%20classico%20Russell%20alla%20nuova%20scoperta%20Autistic%20Daughters%2C%20con%20la%20certezza%20di%20aver%20trascurato%20qualche%20album%20fondamentale.%0D%0A%0D%0A%20ul.classifica%20%7Bmargin%3A10px%200%3B%7D%20ul" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F12%2F26%2Ftop-18-2008%2F&amp;title=Top%2018%202008" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2008/12/26/top-18-2008/feed/</wfw:commentRss>
		</item>
		<item>
		<title>20 anni senza pazienza</title>
		<link>http://www.diciottopassi.it/blog/2008/06/16/venti-anni-senza-pazienza/</link>
		<comments>http://www.diciottopassi.it/blog/2008/06/16/venti-anni-senza-pazienza/#comments</comments>
		<pubDate>Mon, 16 Jun 2008 06:31:16 +0000</pubDate>
		<dc:creator>Dario</dc:creator>
		
		<category><![CDATA[fumetti]]></category>

		<category><![CDATA[paz]]></category>

		<guid isPermaLink="false">http://www.diciottopassi.it/blog/2008/06/16/venti-anni-senza-pazienza/</guid>
		<description><![CDATA[




	
	
	
	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.diciottopassi.it/blog/wp-content/uploads/2008/06/vignetta_pazienza.gif" alt="by Andrea Pazienza" /></p>




	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza" title="del.icio.us"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza" title="Digg"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;t=20%20anni%20senza%20pazienza" title="Facebook"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza" title="Google"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://ma.gnolia.com/bookmarklet/add?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza" title="Ma.gnolia"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/magnolia.png" title="Ma.gnolia" alt="Ma.gnolia" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza" title="StumbleUpon"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F" title="Technorati"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza&amp;source=diciottopassi+-+blog%2Fportfolio+di+Dario+Toscano+-+soluzioni+per+il+web+Solo+un+altro+weblog+targato+WordPress&amp;summary=" title="LinkedIn"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.diciottopassi.it%2Fblog%2F2008%2F06%2F16%2Fventi-anni-senza-pazienza%2F&amp;title=20%20anni%20senza%20pazienza" title="Segnalo"><img src="http://www.diciottopassi.it/blog/wp-content/plugins/sociable/images/segnalo.gif" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.diciottopassi.it/blog/2008/06/16/venti-anni-senza-pazienza/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
