<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>paologironiblog</title>
	
	<link>http://paologironi.com/blog</link>
	<description>appunti sparsi di informatica e semplici tricks</description>
	<lastBuildDate>Mon, 14 May 2012 09:48:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/paologironiblog" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="paologironiblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">paologironiblog</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Cambiare la password di backend di WordPress</title>
		<link>http://paologironi.com/blog/wordpress/cambiare-la-password-di-backend-di-wordpress/</link>
		<comments>http://paologironi.com/blog/wordpress/cambiare-la-password-di-backend-di-wordpress/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 15:12:49 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[password]]></category>
		<category><![CDATA[phpmyadmin]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=221</guid>
		<description><![CDATA[Il problema è certamente capitato a tutti coloro che utilizzano WordPress per lo sviluppo. Si trasferisce un sito in velocità, si fa il dump e il restore del database, ci si lavora un po&#8217; su e poi&#8230; e poi non si riesce più a entrare nel sistema! Ok, se il problema è solo la password, [...]]]></description>
			<content:encoded><![CDATA[<p>Il problema è certamente capitato a tutti coloro che utilizzano WordPress per lo sviluppo.<br />
Si trasferisce un sito in velocità, si fa il dump e il restore del database, ci si lavora un po&#8217; su e poi&#8230; e poi non si riesce più a entrare nel sistema!</p>
<p>Ok, se il problema è solo la password, anche se non abbiamo modo di farci resettare la stessa tramite mail, si può ovviare in pochi istanti.</p>
<p>Ipotizzo che si abbia accesso al database del nostro wordpress tramite la comoda interfaccia fornita da <em>phpmyadmin</em>.<span id="more-221"></span><br />
Apro allora phpmyadmin, identifico e seleziono il database che mi interessa, guardo le tabelle e scelgo <strong>wp_users</strong> (dalla lista sulla sinistra&#8230;) cliccandoci sopra.</p>
<p>Ok, ora dovrei avere davanti agli occhi una schermata con i nomi degli utenti.</p>
<p>Bene. Clicco sull&#8217;icona a forma di matita (<em>modifica</em>)</p>
<p>La password è cifrata, come si vede. Nessuna paura.<br />
Lavoro sulla riga <em>user_pass</em>.</p>
<p>Cancello la vecchia password e scrivo la nuova. Clicco sul menù dropdown alla voce &#8220;<em>Funzione</em>&#8221; e seleziono la voce MD5.</p>
<p>Tutto fatto: clicco su <strong>Esegui</strong> e provo a loggarmi con la nuova password: buon WordPress!</p>
<p>Per approfondire .la conoscenza di WordPress segnalo questo libro da Amazon:</p>
<p><iframe src="http://rcm-it.amazon.it/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=consulenzeinf-21&#038;o=29&#038;p=8&#038;l=as4&#038;m=amazon&#038;f=ifr&#038;ref=ss_til&#038;asins=1119995965" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=iV9KgHpREXI:dcbrBZ5xzrA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=iV9KgHpREXI:dcbrBZ5xzrA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=iV9KgHpREXI:dcbrBZ5xzrA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=iV9KgHpREXI:dcbrBZ5xzrA:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=iV9KgHpREXI:dcbrBZ5xzrA:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=iV9KgHpREXI:dcbrBZ5xzrA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=iV9KgHpREXI:dcbrBZ5xzrA:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/wordpress/cambiare-la-password-di-backend-di-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apache e i permalink di WordPress</title>
		<link>http://paologironi.com/blog/wordpress/apache-e-i-permalink-di-wordpress/</link>
		<comments>http://paologironi.com/blog/wordpress/apache-e-i-permalink-di-wordpress/#comments</comments>
		<pubDate>Fri, 02 Mar 2012 15:57:10 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[server]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[permalink]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=217</guid>
		<description><![CDATA[Uno di quei problemi contro i quali sbatti la testa e ti sembra di impazzire. Installi il tuo sito wordpress, fai il restore del dump del database&#8230;tutto ok. Il tema è a posto. Installi con cura i plugin, uno alla volta, tutto ok. E&#8217; fatta, il sito gira. Sospiro di soddisfazione. Un momento, c&#8217;è ancora [...]]]></description>
			<content:encoded><![CDATA[<p>Uno di quei problemi contro i quali sbatti la testa e ti sembra di impazzire. Installi il tuo sito wordpress, fai il restore del dump del database&#8230;tutto ok. Il tema è a posto. Installi con cura i plugin, uno alla volta, tutto ok. E&#8217; fatta, il sito gira. Sospiro di soddisfazione. Un momento, c&#8217;è ancora da cambiare quei brutti link, passando dalla struttura dei link di default a una struttura più ordinata e più utile ai fini SEO. Cambi i permalink&#8230; ed inizia l&#8217;incubo. <span id="more-217"></span>Tutte le pagine e tutte le categorie danno un 404, page not found. Cosa è successo? Vai su Google e trovi centinaia di grida di dolore e inizi a provare ogni metodo che trovi, con il solo risultato di fare un minestrone informatico.<br />
Io ho risolto così: per me il problema era cambiare la direttiva &#8220;AllowOverride None&#8221; in &#8220;AllowOverride All&#8221; nella configurazione di Apache (nella parte relativa a /var/www). Quando ho visto tutto funzionare, non mi è parso vero, e quindi posto a futura memoria!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=5qljHsOe_Qc:D6r415uYolY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=5qljHsOe_Qc:D6r415uYolY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=5qljHsOe_Qc:D6r415uYolY:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=5qljHsOe_Qc:D6r415uYolY:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=5qljHsOe_Qc:D6r415uYolY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=5qljHsOe_Qc:D6r415uYolY:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=5qljHsOe_Qc:D6r415uYolY:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/wordpress/apache-e-i-permalink-di-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>html5 e Blueprintcss</title>
		<link>http://paologironi.com/blog/sviluppo-web/html5-e-blueprintcss/</link>
		<comments>http://paologironi.com/blog/sviluppo-web/html5-e-blueprintcss/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 15:15:03 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[sviluppo web]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=212</guid>
		<description><![CDATA[Il desiderio di iniziare a marcare i propri siti in html5 è sempre più urgente per tanti di noi, anche se la &#8220;vecchia&#8221; marcatura sarà tra noi ancora per molti anni. Gli innumerevoli problemi di (retro)compatibilità &#8211; specialmente per quanto riguarda il browser dalla e azzurra &#8211; possono essere in parte tamponati adottando le numerose [...]]]></description>
			<content:encoded><![CDATA[<p>Il desiderio di iniziare a marcare i propri siti in html5 è sempre più urgente per tanti di noi, anche se la &#8220;vecchia&#8221; marcatura sarà tra noi ancora per molti anni.<br />
Gli innumerevoli problemi di (retro)compatibilità &#8211; specialmente per quanto riguarda il browser dalla e azzurra &#8211; possono essere in parte tamponati adottando le numerose soluzioni note a tutti gli sviluppatori.<br />
La mia esigenza è quella di sfruttare la completezza semantica dell&#8217;html5, ma senza rinunciare alle mie amate griglie.<span id="more-212"></span></p>
<p>Ho usato e uso molti framework differenti: <a title="960 Framework" href="http://960.gs/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/960.gs/?referer=');">960</a>, <a title="BluePrintCss" href="http://blueprintcss.org/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/blueprintcss.org/?referer=');">BlueprintCss</a>, <a title="Less" href="http://lessframework.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/lessframework.com/?referer=');">Less</a>. Sono conscio del fatto che classi con nome quali <em>span</em> oppure <em>column</em> non siano il massimo sotto il profilo della semantica, tuttavia il rigore delle griglie e la conseguente pulizia dei layout (oltre alla velocità di sviluppo che consentono) le rende una scelta per me quasi obbligata.<br />
Per unire le due cose (marcatura html5 e grglia) ho deciso di utilizzare, in prima battuta, <a title="HTML5 Boilerplate" href="http://html5boilerplate.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/html5boilerplate.com/?referer=');">HTML5Boilerplate</a> e BluePrintCss. Il risultato? Funziona, e in pochi passi molto semplici.<br />
Scarico la versione &#8220;minima&#8221; (stripped) di HTML5Boilerplate e l&#8217;ultima versione di BluePrintCss.<br />
Posso tranquillamente usare la pagina demo di html5boilerplate come modello di pagina di base.<br />
Unica accortezza, il collegamento al foglio di stile style.css di HTML5Boilerplate deve venire <strong>dopo quelli di BluePrintCss</strong>.<br />
Per il resto, marco tutto in HTML5 e per le griglie come al solito, usando i consueti div.<br />
Funziona tutto senza problemi, anche con Internet Explorer.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=3HsLcKHdbl0:jF9-nccMzxk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=3HsLcKHdbl0:jF9-nccMzxk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=3HsLcKHdbl0:jF9-nccMzxk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=3HsLcKHdbl0:jF9-nccMzxk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=3HsLcKHdbl0:jF9-nccMzxk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=3HsLcKHdbl0:jF9-nccMzxk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=3HsLcKHdbl0:jF9-nccMzxk:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/sviluppo-web/html5-e-blueprintcss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Collegare WordPress e Facebook con Wpbook Lite.</title>
		<link>http://paologironi.com/blog/wordpress/collegare-wordpress-e-facebook-con-wpbook-lite/</link>
		<comments>http://paologironi.com/blog/wordpress/collegare-wordpress-e-facebook-con-wpbook-lite/#comments</comments>
		<pubDate>Wed, 15 Feb 2012 17:33:38 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[facebook]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wpbook]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=205</guid>
		<description><![CDATA[Il plugin Wpbook Lite serve per pubblicare in automatico i post WordPress sul wall di Facebook. In realtà consente di fare questo e molto altro, ma ai fini di questo articolo ci basterà sfiorare la superficie, vedendo come realizzare la funzione base. Il procedimento si articola in piu’ fasi. In primo luogo occorre creare un&#8217;applicazione [...]]]></description>
			<content:encoded><![CDATA[<p>Il plugin <strong>Wpbook Lite</strong> serve per pubblicare in automatico i post <strong>WordPress</strong> sul wall di <strong>Facebook</strong>.<br />
In realtà consente di fare questo e molto altro, ma ai fini di questo articolo ci basterà sfiorare la superficie, vedendo come realizzare la funzione base.</p>
<p>Il procedimento si articola in piu’ fasi.</p>
<p>In primo luogo occorre creare un&#8217;applicazione Facebook (nulla di spaventoso, solo pochi clic), poi si &#8220;lavora&#8221; sui settaggi del plugin all&#8217;interno dell&#8217;interfaccia di amministrazione di WordPress. In maggiore dettaglio:</p>
<p><span id="more-205"></span><br />
1) Come prima cosa posso<a title="WPBook Lite plugin per WordPress" href="http://wordpress.org/extend/plugins/wpbook-lite/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/wordpress.org/extend/plugins/wpbook-lite/?referer=');"> scaricare il plugin</a>  e decomprimere lo zip nella cartella <em>plugin</em> di WordPress.</p>
<p>2) Creo un’applicazione Facebook <em>ad hoc</em>. Non ci spaventiamo: è semplice. Però questa è la parte più delicata del processo:</p>
<p>2a) Vado su  <a href="http://www.facebook.com/developers" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.facebook.com/developers?referer=');">http://www.facebook.com/developers</a>, e se non l’ho mai fatto, richiedo APP ID, APP Secret e APP Key.</p>
<p>In pratica, mi verrà chiesto il numero di cellulare, al quale verrà inviato un codice da inserire per validare l&#8217;autenticazione.</p>
<p>Sbrigate queste fastidiose formalità e avendo l&#8217;accesso posso iniziare:</p>
<p>2b) Ora mi verrà chiesta un’<em>App Display Name</em> e una <em>Namespace</em> (in soldoni, il nome dell’applicazione e un nome «formato macchina» nella versione tutta minuscolo e senza caratteri strani)</p>
<p>2c) Clicco su “<em>website section</em>” e metto la url del blog (<strong>attenzione: con lo / finale!</strong>)</p>
<p>2d) Clicco su <em>App on Facebook</em> e riempio il campo <em>canvas url</em> con la url del blog. Non riempio nulla per i campi “secure” visto che sto usando la versione lite del plugin. La versione &#8220;full&#8221; necessita di un indirizzo https, ma non ne parleremo in questa sede.</p>
<p>2e) Clicco su <em>Page Tab section</em> e metto il nome che verrà mostrato agli utenti e nel campo <em>Page tab url </em>la url del blog<strong> seguita dalla query ?app_tab=true</strong>, quindi ad es se il ns. sito risponde alla URL www.pippo.it:</p>
<p><strong>www.pippo.it/?app_tab=true</strong></p>
<p>2f) Ok, salvo. Ho finito la parte Facebook. Devo solo annotarmi i dati dell&#8217;applicazione che mi vengono presentati a video.</p>
<p>3) Ora passo a WordPress e attivo il plugin</p>
<p>&nbsp;</p>
<p>4) Vado in <em><strong>Dashboard-&gt;Settings-&gt;WPBook Lite</strong></em> se ho un WordPress in inglese oppure <em><strong>Bacheca-&gt;Impostazioni -&gt; WPBook Lite</strong></em>  se in italiano e riempio i campi <em>Facebook application ID</em> e <em>secret</em>, (me li ha generati l’applicazione Facebook…quando salvo mi compaiono tutti, quindi niente paura!).</p>
<p>Inserisco il codice del mio profilo Facebook (o della pagina alla quale nella quale voglio che compaiano i post).</p>
<p>Scelgo dove pubblicare i post (ad esempio spunto <em>Publish new posts to YOUR Facebook Wall</em>).</p>
<p>Do’ il permesso all’applicazione, cliccando sul link <em>Grant Permissions</em>, che genererà un token.</p>
<p>5) Clicco su Salva… <strong>Finalmente!</strong></p>
<p><strong></strong><br />
Ok, questo per iniziare… a voi scoprire tutti gli innumerevoli settaggi fini&#8230; non sarà immediatissimo, però è solido e soprattutto funziona!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=NzvZ_ZO49kU:35aR3NgpINE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=NzvZ_ZO49kU:35aR3NgpINE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=NzvZ_ZO49kU:35aR3NgpINE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=NzvZ_ZO49kU:35aR3NgpINE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=NzvZ_ZO49kU:35aR3NgpINE:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=NzvZ_ZO49kU:35aR3NgpINE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=NzvZ_ZO49kU:35aR3NgpINE:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/wordpress/collegare-wordpress-e-facebook-con-wpbook-lite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tipografia: Lobster e Cabin</title>
		<link>http://paologironi.com/blog/tipografia/tipografia-lobster-e-cabin/</link>
		<comments>http://paologironi.com/blog/tipografia/tipografia-lobster-e-cabin/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 20:36:18 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[tipografia]]></category>
		<category><![CDATA[cabin]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[googlefonts]]></category>
		<category><![CDATA[lobster]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=195</guid>
		<description><![CDATA[Con questo post inizierò (forse&#8230;) una serie: vorrei esplorare i possibili abbinamenti di due fonts web presenti negli archivi di googlefonts, uno per le titolazioni, uno per il testo. Mi piacerebbe che questi fossero post il piu&#8217; possibile &#8220;aperti&#8221; e mi piacerebbe ricevere altre combinazioni da parte di quante più persone possibile. In tal caso, [...]]]></description>
			<content:encoded><![CDATA[<p>Con questo post inizierò (forse&#8230;) una serie: <strong>vorrei esplorare i possibili abbinamenti di due fonts web presenti negli archivi di googlefonts, uno per le titolazioni, uno per il testo</strong>.<br />
Mi piacerebbe che questi fossero post il piu&#8217; possibile &#8220;aperti&#8221; e mi piacerebbe ricevere altre combinazioni da parte di quante più persone possibile. In tal caso, potrebbe risultare una &#8220;galleria&#8221; di post di una certa utilità per chiunque abbia un qualche interesse per la tipografia.<br />
Il post sarà sempre strutturato alla stessa maniera, con un titolo h1 e uno o più paragrafi di testo che saranno sempre incipit di famose opere letterarie&#8230;<br />
<span id="more-195"></span><br />
Ok, la prima coppia è piuttosto usata nel web, ma non per questo da sottovalutare. Lobster per il titolo, Cabin per il testo. Si parte&#8230;</p>
<hr />
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<style type="text/css">
  /*<![CDATA[*/
h1.testfont {
	font-family: 'Lobster', Georgia, Times, serif;
	font-size: 70px;
	line-height: 100px;
}
.testfontcorpo {
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 25px;
}
  /*]]&gt;*/
  </style>
<h1 class="testfont">Raymond Carver</h1>
<div class="testfontcorpo">
<b>Why Don&#8217;t You Dance?</b><br/>In the kitchen, he poured another drink and looked at the bedroom suite in his front yard. The mattress was stripped and the candy-striped sheets lay beside two pillows on the chiffonier. Except for that, things looked much the way they had in the bedroom &#8211; nightstand and reading lamp on his side of the bed, nightstand and reading lamp on her side.<br />
His side, her side.<br />
He considered this as he sipped the whiskey.
</div>
<hr />
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=Fz4C7nMrxmU:Sof4ZbF9T0o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=Fz4C7nMrxmU:Sof4ZbF9T0o:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=Fz4C7nMrxmU:Sof4ZbF9T0o:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=Fz4C7nMrxmU:Sof4ZbF9T0o:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=Fz4C7nMrxmU:Sof4ZbF9T0o:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=Fz4C7nMrxmU:Sof4ZbF9T0o:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=Fz4C7nMrxmU:Sof4ZbF9T0o:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/tipografia/tipografia-lobster-e-cabin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Modelli di interfaccia utente: Mark Boulton</title>
		<link>http://paologironi.com/blog/sviluppo-web/modelli-di-interfaccia-utente-mark-boulton/</link>
		<comments>http://paologironi.com/blog/sviluppo-web/modelli-di-interfaccia-utente-mark-boulton/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 14:47:39 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=185</guid>
		<description><![CDATA[Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del sito di Mark Boulton. Questo, al fine di considerarne la possibile implementazione sul suo nuovo sito. In pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti [...]]]></description>
			<content:encoded><![CDATA[<p>Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del <a href="http://www.markboulton.co.uk/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.markboulton.co.uk/?referer=');">sito di Mark Boulton</a>. Questo, al fine di considerarne la possibile implementazione sul <a href="http://www.davidnicholson.it/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.davidnicholson.it/?referer=');">suo nuovo sito</a>.<br />
In pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti i link presenti nell&#8217;area in questione, fino a quel momento indistinguibili dal normale testo, &#8220;acquistano&#8221; il colore verde. Se passo sopra ogni singolo link, il mouseover è evidenziato dalla sottolineatura.<br />
Personalmente, non ricordo di aver visto in altri siti una soluzione di questo tipo. Per riprodurla al volo ho usato jquery, controllando l&#8217;evento hover dell&#8217;area compresa in un dato div e cambiando il colore del link di conseguenza.  (4 righe di css e 6 righe di jquery in tutto, almeno nella mia versione di test). Problemi con i dispositivi mobili, aggravio di peso: ne vale la pena? L&#8217;impatto sulla chiarezza della fruizione è realmente positivo? Ci penso su.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=mvSul2jY8ew:HAWp-EvpGww:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=mvSul2jY8ew:HAWp-EvpGww:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=mvSul2jY8ew:HAWp-EvpGww:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=mvSul2jY8ew:HAWp-EvpGww:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=mvSul2jY8ew:HAWp-EvpGww:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=mvSul2jY8ew:HAWp-EvpGww:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=mvSul2jY8ew:HAWp-EvpGww:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/sviluppo-web/modelli-di-interfaccia-utente-mark-boulton/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spedire email da Xampp</title>
		<link>http://paologironi.com/blog/sviluppo-web/spedire-email-da-xampp/</link>
		<comments>http://paologironi.com/blog/sviluppo-web/spedire-email-da-xampp/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 22:21:53 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[localhost]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[smtp]]></category>
		<category><![CDATA[Xampp]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/sviluppo-web/spedire-email-da-xampp/</guid>
		<description><![CDATA[Quante volte ci è capitato di sviluppare in locale, usando Xampp e di non riuscire a testare i vari contact form? La soluzione è molto semplice. Si edita il file php.ini (nella mia installazione di Xampp è in xampp/php, ma in altre installazioni potrebbe essere in un&#8217;altra directory) e si cerca la riga contenente &#8220;SMTP&#8221;. [...]]]></description>
			<content:encoded><![CDATA[<p>Quante volte ci è capitato di sviluppare in locale, usando Xampp e di non riuscire a testare i vari contact form?</p>
<p>La soluzione è molto semplice. Si edita il file php.ini (nella mia installazione di Xampp è in xampp/php, ma in altre installazioni potrebbe essere in un&#8217;altra directory) e si cerca la riga contenente &#8220;SMTP&#8221;. Dovreste trovare qualcosa tipo:</p>
<p>SMTP = localhost<br />
smtp_port = 25</p>
<p><span id="more-177"></span></p>
<p>cambiate localhost con il server SMTP del vostro provider e riavviate Xampp</p>
<p>Ora fate una prova semplicissima. Preparate un file che potreste chiamare mailer.php:</p>
<pre>
$headers = 'MIME-Version: 1.0′ . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1′ . "\r\n";
$headers .= 'From: vostronome@vostrodominio.com' . "\r\n";
mail("tu@tuodominio.com","test soggetto","test body",$headers);</pre>
<p>ovviamente sostituite gli indirizzi email con quelli reali e caricate la pagina. La mail dovrebbe essere stata spedita!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=s1A_qE4mgLI:WDt3g25mI_w:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=s1A_qE4mgLI:WDt3g25mI_w:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=s1A_qE4mgLI:WDt3g25mI_w:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=s1A_qE4mgLI:WDt3g25mI_w:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=s1A_qE4mgLI:WDt3g25mI_w:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=s1A_qE4mgLI:WDt3g25mI_w:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=s1A_qE4mgLI:WDt3g25mI_w:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/sviluppo-web/spedire-email-da-xampp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Risolvere il conflitto tra Skype e Xampp</title>
		<link>http://paologironi.com/blog/server/risolvere-il-conflitto-tra-skype-e-xampp/</link>
		<comments>http://paologironi.com/blog/server/risolvere-il-conflitto-tra-skype-e-xampp/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 10:55:31 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[server]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[conflitto]]></category>
		<category><![CDATA[skype]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/server/risolvere-il-conflitto-tra-skype-e-xampp/</guid>
		<description><![CDATA[Tutti conoscono Skype, il programma che consente di fare chiamate e conversare via chat attraverso internet. Molti sviluppatori usano Xampp, un praticissimo pacchetto che comprende Apache, MySql, Php e Perl e che consente di testare con facilità in locale il lavoro di sviluppo web. Il problema nasce dal fatto che spesso l&#8217;uso congiunto dei due [...]]]></description>
			<content:encoded><![CDATA[<p>Tutti conoscono Skype, il programma che consente di fare chiamate e conversare via chat attraverso internet. Molti sviluppatori usano Xampp, un praticissimo pacchetto che comprende Apache, MySql, Php e Perl e che consente di testare con facilità in locale il lavoro di sviluppo web.</p>
<p>Il problema nasce dal fatto che spesso l&#8217;uso congiunto dei due programmi genera un fastidioso problema: Skype e Apache vanno in conflitto. La soluzione, per fortuna è molto semplice. Trattandosi di un conflitto di porte (usano entrambi 80 e 443) basta modificare la configurazione di Apache o quella di Skype. Io preferisco quest&#8217;ultima soluzione, perchè sono troppo pigro per aggiungere il numero di porta ad ogni chiamata ad Apache (tipo http://localhost:8080/, per fare un esempio&#8230;).<span id="more-172"></span></p>
<p>E allora, si apre Skype, si sceglie Strumenti e poi Opzioni, poi Avanzate e quindi Collegamento. Si elimina la spunta alla voce &#8220;Usa le porte 80 e 443 come alternative per le connessioni in ingresso&#8221; e si riavvia Skype.</p>
<p>Il problema dovrebbe essere risolto.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=8-nP22ABVJY:h582eiGjqD4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=8-nP22ABVJY:h582eiGjqD4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=8-nP22ABVJY:h582eiGjqD4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=8-nP22ABVJY:h582eiGjqD4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=8-nP22ABVJY:h582eiGjqD4:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=8-nP22ABVJY:h582eiGjqD4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=8-nP22ABVJY:h582eiGjqD4:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/server/risolvere-il-conflitto-tra-skype-e-xampp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convertire i font negli ebook da epub a mobi</title>
		<link>http://paologironi.com/blog/ebook/convertire-i-font-negli-ebook-da-epub-a-mobi/</link>
		<comments>http://paologironi.com/blog/ebook/convertire-i-font-negli-ebook-da-epub-a-mobi/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 22:01:30 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[ebook]]></category>
		<category><![CDATA[kindle]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/2011/12/convertire-i-font-negli-ebook-da-epub-a-mobi/</guid>
		<description><![CDATA[Un piccolo ma fastidioso problema che si presenta quando si deve convertire con Calibre un ebook dal formato epub al mobi. I caratteri risultano nel Kindle sostituiti con un font monospace tipo courier. La lettura risulta faticosissima. Ovviare al problema è possibile e molto semplice, e richiede un solo passaggio supplementare. Si deve installare il [...]]]></description>
			<content:encoded><![CDATA[<p>Un piccolo ma fastidioso problema che si presenta quando si deve convertire con Calibre un ebook dal formato epub al mobi. I caratteri risultano nel Kindle sostituiti con un font monospace tipo courier. La lettura risulta faticosissima.</p>
<p>Ovviare al problema è possibile e molto semplice, e richiede un solo passaggio supplementare. Si deve installare il software open source <a title="Sigil - WYSIWYG ebook editor" href="http://code.google.com/p/sigil/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/code.google.com/p/sigil/?referer=');">Sigil</a>, un editor  WYSIWYG di ebook.<br />
Si apre l&#8217;epub da convertire, si edita l&#8217;unico file css e si elimina la riga relativa alla definizione del font, che generalmente ha questo aspetto:</p>
<p><code>{<br />
font-family: Georgia, Garamond, serif, sansserif, monospace;<br />
}</code></p>
<p>A questo punto si salva l&#8217;epub e lo si apre e converte come di consueto con <a title="Calibre - e-book management" href="http://calibre-ebook.com/" onclick="pageTracker._trackPageview('/outgoing/calibre-ebook.com/?referer=');">Calibre</a>.<br />
Il Mobi risultante sarà presentato dal Kindle con i caratteri di sistema del dispositivo, molto più leggibili.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=TCVTCXOTWnw:PP-Fw1HUEQs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=TCVTCXOTWnw:PP-Fw1HUEQs:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=TCVTCXOTWnw:PP-Fw1HUEQs:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=TCVTCXOTWnw:PP-Fw1HUEQs:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=TCVTCXOTWnw:PP-Fw1HUEQs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=TCVTCXOTWnw:PP-Fw1HUEQs:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=TCVTCXOTWnw:PP-Fw1HUEQs:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/ebook/convertire-i-font-negli-ebook-da-epub-a-mobi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Aggiungere il campo cerca nel menù di navigazione wp</title>
		<link>http://paologironi.com/blog/wordpress/aggiungere-il-campo-cerca-nel-menu-di-navigazione-wp/</link>
		<comments>http://paologironi.com/blog/wordpress/aggiungere-il-campo-cerca-nel-menu-di-navigazione-wp/#comments</comments>
		<pubDate>Tue, 08 Nov 2011 13:35:33 +0000</pubDate>
		<dc:creator>paolo</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://paologironi.com/blog/?p=165</guid>
		<description><![CDATA[Un semplice trick trovato su WpRecipes (ma l&#8217;originale è in questo articolo) per inserire nella barra di navigazione di WordPress 3.* il campo cerca. Semplice e utile. Basta editare functions.php e aggiungere queste poche righe di codice: add_filter('wp_nav_menu_items','add_search_box', 10, 2); function add_search_box($items, $args) { ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .= '&#60;li&#62;' . $searchform [...]]]></description>
			<content:encoded><![CDATA[<p>Un semplice trick trovato su <a href="http://www.wprecipes.com/how-to-automatically-add-a-search-field-to-your-navigation-menu" onclick="pageTracker._trackPageview('/outgoing/www.wprecipes.com/how-to-automatically-add-a-search-field-to-your-navigation-menu?referer=');">WpRecipes</a> (ma l&#8217;originale è in <a href="http://vanweerd.com/enhancing-your-wordpress-3-menus/" onclick="pageTracker._trackPageview('/outgoing/vanweerd.com/enhancing-your-wordpress-3-menus/?referer=');">questo articolo</a>) per inserire nella barra di navigazione di WordPress 3.* il campo cerca. Semplice e utile. Basta editare functions.php e aggiungere queste poche righe di codice:</p>
<pre class="brush: php; ruler: true;">add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {

        ob_start();
        get_search_form();
        $searchform = ob_get_contents();
        ob_end_clean();

        $items .= '&lt;li&gt;' . $searchform . '&lt;/li&gt;';

    return $items;
}</pre>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/paologironiblog?a=wvIiukbKOu8:czjDbg01NOg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=wvIiukbKOu8:czjDbg01NOg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=wvIiukbKOu8:czjDbg01NOg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=wvIiukbKOu8:czjDbg01NOg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=wvIiukbKOu8:czjDbg01NOg:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/paologironiblog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/paologironiblog?a=wvIiukbKOu8:czjDbg01NOg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/paologironiblog?i=wvIiukbKOu8:czjDbg01NOg:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://paologironi.com/blog/wordpress/aggiungere-il-campo-cerca-nel-menu-di-navigazione-wp/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss><!-- Dynamic page generated in 0.187 seconds. --><!-- Cached page generated by WP-Super-Cache on 2012-05-14 11:03:43 -->

