<?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/" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>TomStardust.com</title>
	
	<link>http://www.tomstardust.com</link>
	<description>Web Design blog: accessibilità, xhtml e css</description>
	<lastBuildDate>Wed, 28 Jul 2010 22:10:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/tomstardust" /><feedburner:info uri="tomstardust" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/</creativeCommons:license><image><link>http://www.tomstardust.com</link><url>http://feeds.feedburner.com/~fc/tomstardust?bg=AA0000&amp;amp;fg=FFFFFF&amp;amp;anim=0</url><title>Feed RSS di TomStardust.com</title></image><item>
		<title>Testo alternativo sulle immagini: è obbligatorio per Flickr?</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/-A-ywnUh2LM/</link>
		<comments>http://www.tomstardust.com/archives/testo-alternativo-immagini-obbligatorio-per-flickr/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 22:10:19 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[accessibilità]]></category>
		<category><![CDATA[immagini]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1334</guid>
		<description><![CDATA[Le immagini sulle community fotografiche devono avere un testo alternativo o no?<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/testo-alternativo-immagini-obbligatorio-per-flickr/">Testo alternativo sulle immagini: è obbligatorio per Flickr?</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Parlando di immagini ed accessibilità è fondamentale considerare il <strong>testo alternativo</strong> (<em>alt=&#8221;&#8230;&#8221;</em>), spesso indispensabile. C&#8217;è però un caso particolare: le community fotografiche come <a href="http://www.flickr.com/">Flickr</a>, che hanno al centro di tutto delle immagini senza altri contenuti testuali.</p>
<p>In questo tipo di contesto, l&#8217;<em>alt text</em> è davvero indispensabile? L&#8217;argomento viene trattato in maniera molto interessante su <a title="Should photos in photo-sharing sites have alternate text?" href="http://rebuildingtheweb.com/en/no-alt-text-for-photo-sharing-sites/">Rebuilding the Web</a>, con alcune riflessioni degne di nota.</p>
<h3>A cosa serve il testo alternativo?</h3>
<p>Il testo alternativo serve per comunicare <strong>lo stesso significato di un&#8217;immagine</strong> quando quest&#8217;ultima non è visibile. Questo è un concetto fondamentale: molti infatti si confondono, pensando che l&#8217;alt text serva a descrivere un&#8217;immagine aggiungendo altri significati.</p>
<p>Il fattore determinante è il contesto in cui viene inserita l&#8217;immagine, che ne influenza il significato.</p>
<p>Prendiamo un&#8217;immagine come esempio:</p>
<p><a title="Gatto addormentato - Flickr" href="http://www.flickr.com/photos/tomstardust/4831516303/in/photostream/"><img class="alignnone size-medium wp-image-1337" src="http://www.tomstardust.com/wp-content/uploads/2010/07/4831516303_663e306f52-475x315.jpg" alt="Foto di un gatto addormentato" width="475" height="315" /></a></p>
<p>Se fosse affiancata dal testo &#8220;Il mio gatto dorme sempre&#8221;, un testo alternativo valido potrebbe essere &#8220;E&#8217; su un letto a fare l&#8217;ennesimo pisolino&#8221;. Oppure se il testo fosse &#8220;Ho un gatto da 7 anni&#8221;, potrei usare come <em>alt </em>&#8220;Dorme spesso ed è bianco&#8221;.</p>
<p>Questi esempi non sono assoluti, le combinazioni possibili sono tante e non è sempre intuitivo stabilire il testo alternativo migliore per un&#8217;immagine. Chiarire il concetto non è semplice, ma se vi vengono in mente esempi migliori fatemi sapere!</p>
<h3>Immagini senza contesto</h3>
<p>Nel caso  di immagini non accompagnate da alcun testo invece le cose diventano più complicate, proprio perché non esiste un contesto in cui inserire il testo alternativo.</p>
<p>Aggiungere un <em>alt text</em> come &#8220;Il mio gatto mentre dorme sul letto nella casa al mare in Versilia&#8221; comunicherebbe sicuramente informazioni utili, ma nel modo sbagliato. Il testo alternativo (lo dice la parola) deve servire a <strong>trasmettere un significato equivalente</strong>, senza aggiungere dettagli non intuibili altrimenti.</p>
<h3>E le immagini sui siti di photo-sharing?</h3>
<p>Proprio per questo motivo l&#8217;<em>alt text</em> perde significato sulle community che hanno al centro di tutto delle immagini. Qual è la soluzione migliore? Non è facile dare una risposta, ma una pratica corretta potrebbe essere sfruttare i campi destinati a titolo e descrizione per spiegare la foto, lasciando l&#8217;<em>alt </em>vuoto.</p>
<p>Prendendo l&#8217;esempio di Flickr, nell&#8217;ultimo redesign l&#8217;<em>alt </em>delle foto è &#8220;photo&#8221;. Serve a qualcosa? Non direi, sarebbe stato meglio lasciarlo vuoto. Sono presenti però titolo e descrizione, che se usati correttamente potrebbero proprio servire allo scopo desiderato.</p>
<p>In un sito simile, il problema di spiegare il significato di un&#8217;immagine non è una questione di accessibilità, ma di <strong>usabilità</strong>. Non sono infatti solo gli utenti non vedenti a voler conoscere il soggetto di un&#8217;immagine: anche tutti gli altri visitatori hanno bisogno di dettagli che non sono intuibili dal contesto.</p>
<p>Una parte di questo problema sarà progressivamente risolto grazie all&#8217;uso della tecnologia: basti pensare al <em>gps </em>che ricava la posizione di una foto ed ai dati <em>exif</em>, che vengono già mostrati in automatico. Per quanto riguarda il resto al momento non ci sono soluzioni: solo con una descrizione testuale aggiuntiva sarà possibile avere delle pagine veramente informative, usabili ed accessibili.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/testo-alternativo-immagini-obbligatorio-per-flickr/">Testo alternativo sulle immagini: è obbligatorio per Flickr?</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=-A-ywnUh2LM:1ouadPtfJ1w:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=-A-ywnUh2LM:1ouadPtfJ1w:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=-A-ywnUh2LM:1ouadPtfJ1w:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=-A-ywnUh2LM:1ouadPtfJ1w:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=-A-ywnUh2LM:1ouadPtfJ1w:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/-A-ywnUh2LM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/testo-alternativo-immagini-obbligatorio-per-flickr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/testo-alternativo-immagini-obbligatorio-per-flickr/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=testo-alternativo-immagini-obbligatorio-per-flickr</feedburner:origLink></item>
		<item>
		<title>Touchscreen e accessibilità</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/9G30ipvQkyw/</link>
		<comments>http://www.tomstardust.com/archives/touchscreen-e-accessibilita/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 22:10:49 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[accessibilità]]></category>
		<category><![CDATA[interfacce]]></category>
		<category><![CDATA[touchscreen]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1319</guid>
		<description><![CDATA[Siti accessibili ai touchscreen ed alcune implicazioni della loro diffusione.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/touchscreen-e-accessibilita/">Touchscreen e accessibilità</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-1320" title="Touchscreen" src="http://www.tomstardust.com/wp-content/uploads/2010/07/touchscreen-475x319.jpg" alt="" width="475" height="319" /></p>
<p>Le linee guida per la realizzazione di siti accessibili da tempo hanno chiarito un punto: è fondamentale offrire ad un utente la stessa esperienza di navigazione, <strong>indipendentemente dal dispositivo utilizzato</strong>. Se fino a poco tempo fa era ovvio pensare alla navigazione da tastiera oltre a quella via mouse, l&#8217;avvento dei <em>touchscreen </em>ha aggiunto un altro livello di complessità.</p>
<p>Non si tratta di una questione banale, perché utilizzare un touchscreen è un&#8217;esperienza totalmente diversa rispetto alla navigazione <em>tradizionale</em>: ve ne sarete resi conto se avete uno smartphone o un iPad.</p>
<h3>Cosa dicono le linee guida</h3>
<p>Tra i <a title="Requisiti per verifica tecnica della legge Stanca" href="http://www.pubbliaccesso.gov.it/biblioteca/documentazione/studio_lineeguida/3_requisiti_tecnica.htm">22 requisiti</a> per la verifica tecnica della legge Stanca, è da sottolineare il numero 16:</p>
<blockquote><p>Garantire che i gestori di eventi che attivano script, applet oppure altri oggetti di programmazione o che possiedono una propria specifica interfaccia, siano indipendenti da uno specifico dispositivo di input.</p></blockquote>
<p>Ed anche un passaggio del requisito 21:</p>
<blockquote><p>I collegamenti presenti in una pagina devono essere selezionabili e attivabili tramite comandi da tastiera, tecnologia in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse.</p></blockquote>
<p>Indicazioni di questo tipo esistono anche nelle WCAG, sia nella loro versione 1.0 che nella più recente 2.0. Un esempio è la linea guida 9 delle WCAG 1.0: <a href="http://www.w3.org/TR/WCAG10/#gl-device-independence">Design for device-independence</a>.</p>
<h3>I problemi con i touchscreen</h3>
<p>La differenza fondamentale tra un mouse ed un touchscreen è che per il secondo non esiste <em>mouseover</em>. Potrebbe sembrare una banalità, ma se pensate a quanti siti utilizzano i CSS o JavaScript per scatenare un evento al passaggio del mouse, potete rendervi bene conto dell&#8217;entità del problema (menu a tendina, tooltip&#8230;).</p>
<p>Fino ad ora la soluzione più utilizzata consiste nel trasformare il <em>mouseover</em> in un ulteriore clic, anche se questo aumenta la complessità della navigazione. E&#8217; una soluzione efficace? Sì, perché risolve il problema, ma non è detto che sia quella ottimale.</p>
<p>Il discorso quindi si lega anche al tema <strong>usabilità</strong> ed al design delle interfacce: è inevitabile che l&#8217;arrivo di una nuova modalità di navigazione introduca nuove variabili.</p>
<h3>Da evitare</h3>
<p>Sono sicuramente da eliminare o rappresentare in maniera differente:</p>
<ul>
<li>contenuti leggibili solo con lo stato :hover (ad esempio testi con poco contrasto rispetto al background)</li>
<li>link visibili solo al mouseover, normalmente poco distinguibili dal testo semplice</li>
<li>azioni correlate al mouseover su un particolare elemento (le più comuni sono <em>modifica </em>e <em>cancella</em>)</li>
</ul>
<h3>Uno sguardo al futuro</h3>
<p>I touchscreen sono ormai sul mercato da anni, e la loro presenza continua ad aumentare. Tralasciando le discussioni sulla loro effettiva utilità, è logico pensare che nei prossimi anni continueremo a vedere dispositivi che li utilizzano, seguendo l&#8217;esempio dell&#8217;iPad.</p>
<p>In questo scenario è obbligatorio considerarne la presenza, soprattutto se si realizzano siti con interfacce fuori dal comune. Proprio questa originalità a volte può rendere un sito inaccessibile: l&#8217;importante è ricordare che non esiste solo il mouse.</p>
<p>La prima cosa da fare è assicurarsi che sia possibile usufruire   di tutti i servizi di un sito indipendentemente dal mezzo utilizzato per   navigare. I touchscreen hanno introdotto nuovi fattori, e la situazione è destinata a diventare sempre più complicata: pensate a chi sta già utilizzando la propria console di casa per navigare dal televisore, o a chi sta usando lo stesso Tv LCD per collegarsi ad internet. In futuro i dispositivi connessi alla rete saranno sempre di più: forse sarà l&#8217;occasione buona per vedere considerare l&#8217;accessibilità una necessità e non un lusso per pochi.</p>
<p><em>[Foto di <a href="http://www.flickr.com/photos/barkbud/4744890986/">bark</a>]</em></p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/touchscreen-e-accessibilita/">Touchscreen e accessibilità</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=9G30ipvQkyw:booTD_eJ-2w:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=9G30ipvQkyw:booTD_eJ-2w:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=9G30ipvQkyw:booTD_eJ-2w:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=9G30ipvQkyw:booTD_eJ-2w:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=9G30ipvQkyw:booTD_eJ-2w:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/9G30ipvQkyw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/touchscreen-e-accessibilita/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/touchscreen-e-accessibilita/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=touchscreen-e-accessibilita</feedburner:origLink></item>
		<item>
		<title>IE9 ed il supporto dei CSS3</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/_FRBPsxU0lA/</link>
		<comments>http://www.tomstardust.com/archives/ie9-ed-il-supporto-dei-css3/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 06:51:09 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[ie9]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1307</guid>
		<description><![CDATA[IE9 potrà sfruttare tutti i selettori dei CSS3: solo Opera presenta ancora dei problemi.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/ie9-ed-il-supporto-dei-css3/">IE9 ed il supporto dei CSS3</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="right size-full wp-image-649" title="Internet Explorer: icona" src="http://www.tomstardust.com/wp-content/uploads/2009/03/internet-explorer-icon1.jpg" alt="" width="125" height="125" />La novità degli ultimi giorni riguarda <strong>Internet Explorer 9</strong>: la futura versione del browser Microsoft supporta infatti tutti i selettori dei <em>CSS3</em>.</p>
<p>Incredibile ma vero, nella <a title="CSS - Contents and compatibility" href="http://www.quirksmode.org/css/contents.html">tabella di compatibilità</a> preparata in maniera eccellente da <em>Quirksmode</em>, IE9 entra infatti nel gruppo dei browser che possono utilizzare tutti i selettori più utili, compresi anche alcuni dei CSS 2.1.</p>
<h3>I selettori supportati da Internet Explorer 9</h3>
<h4>CSS 2.1</h4>
<ul>
<li>:before e :after</li>
<li>:first-child</li>
<li>:focus</li>
</ul>
<h4>CSS 3</h4>
<ul>
<li>:empty</li>
<li>:enabled, :disabled e :checked</li>
<li>:first-of-type</li>
<li>:last-child</li>
<li>:last-of-type</li>
<li>:not</li>
<li>:nth-child()</li>
<li>:nth-last-child()</li>
<li>:nth-last-of-type()</li>
<li>:nth-of-type()</li>
<li>:only-child</li>
<li>:only-of-type</li>
<li>:root</li>
<li>::selection</li>
<li>:target</li>
</ul>
<p>In questa lista sono esclusi alcuni selettori che sono già supportati dalle versioni precedenti di IE.</p>
<p>Interessante notare che mentre le ultime versioni di Firefox, Safari e Chrome non hanno problemi, adesso è Opera l&#8217;unico browser ad essere rimasto indietro, con delle difficoltà di interpretazione dei selettori <em>:nth-child()</em> ed <em>:nth-of-type()</em>. Opera infatti non riesce ancora a capire il funzionamento di queste regole, utili ad esempio per <a title="nth-child pseudo class - CSS3 selectors" href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">evidenziare gli elementi pari di una lista</a>, o <a title="nth-of-type pseudo-class - CSS3 selectors" href="http://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo">dare alternativamente a delle immagini <em>float:right</em> e <em>float:left</em></a>.</p>
<h3>Implicazioni future</h3>
<p>Questo ovviamente non significa che con l&#8217;uscita di Explorer 9 i selettori dei CSS3 potranno essere usati senza problemi (le versioni precedenti ci faranno compagnia per molto tempo), ma ci stiamo avviando verso un futuro più semplice per gli sviluppatori. L&#8217;uso di queste regole infatti consentirà di eliminare <em>id</em> e <em>classi </em>inutili dall&#8217;HTML, alleggerendo la struttura delle pagine.</p>
<p>Per il momento non resta che sperimentare ed affidarsi se necessario a soluzioni come <a title="CSS3 pseudo-class selector emulation for Internet Explorer 5.5 - 8" href="http://www.keithclark.co.uk/labs/ie-css3/">ie-css3.js</a>, aspettando la scomparsa dei browser più obsoleti.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/ie9-ed-il-supporto-dei-css3/">IE9 ed il supporto dei CSS3</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=_FRBPsxU0lA:xyiKZZgwrOc:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=_FRBPsxU0lA:xyiKZZgwrOc:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=_FRBPsxU0lA:xyiKZZgwrOc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=_FRBPsxU0lA:xyiKZZgwrOc:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=_FRBPsxU0lA:xyiKZZgwrOc:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/_FRBPsxU0lA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/ie9-ed-il-supporto-dei-css3/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/ie9-ed-il-supporto-dei-css3/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ie9-ed-il-supporto-dei-css3</feedburner:origLink></item>
		<item>
		<title>Flickr redesign: la nuova pagina foto</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/jf3QiqHT2vA/</link>
		<comments>http://www.tomstardust.com/archives/flickr-redesign-la-nuova-pagina-foto/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 06:30:13 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[interfacce]]></category>
		<category><![CDATA[usabilità]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1297</guid>
		<description><![CDATA[La nuova pagina foto di Flickr è un miglioramento per gli utenti?<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/flickr-redesign-la-nuova-pagina-foto/">Flickr redesign: la nuova pagina foto</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Gli utenti abituali di <a href="http://www.flickr.com/">Flickr</a> se ne saranno già accorti: da qualche giorno è stata resa pubblica la nuova versione della pagina foto.</p>
<p><a title="Flickr: la nuova pagina foto" rel="lightbox" href="http://www.tomstardust.com/wp-content/uploads/2010/06/flickr_new_photo_page.jpg"><img src="http://www.tomstardust.com/wp-content/uploads/2010/06/flickr-foto.jpg" alt="" /></a></p>
<p>Come consuetudine la novità è stata pubblicata come <em>preview</em> per gli utenti, che possono decidere se mantenere la vecchia versione per qualche tempo o utilizzare la nuova: questa pratica è ormai consolidata e concede ad una buona fetta di utenti di abituarsi al cambiamento, senza imposizioni da un giorno all&#8217;altro. Le critiche non mancheranno comunque, ma sarebbe un&#8217;utopia pensare di fare felici tutti con un redesign di un&#8217;interfaccia.</p>
<p>Per l&#8217;elenco delle novità in dettaglio vi rimando <a title="A new photo experience: your photos, happier - Flickr Blog" href="http://blog.flickr.net/en/2010/06/23/a-new-photo-experience-your-photos-happier/">al post ufficiale</a> sul blog di Flickr: io preferisco soffermarmi solo su alcuni aspetti del cambiamento, e su come certi dettagli siano stati molto apprezzati dagli utenti abituali. E&#8217; stata una sorpresa infatti leggere molti pareri positivi, cosa che non era successa con altri redesign (vedi il caso di Facebook).</p>
<h3>I dettagli più interessanti</h3>
<h4>Foto più grandi</h4>
<p>In un sito che ha nelle immagini la sua ragione di esistere, aumentare la dimensione di default delle stesse è una mossa vincente. Le foto iniziavano infatti ad essere troppo piccole per le risoluzioni sempre più elevate dei nuovi monitor: adesso arrivano ad una larghezza di 640 pixel, sicuramente più accettabile.</p>
<h4>Ingrandimento con un clic</h4>
<p>Questa è una delle novità più interessanti: molti utenti infatti inserivano nella descrizione delle foto un link alla stessa immagine più grande su sfondo nero. Sono nati anche <a title="On Black - Big Huge Labs" href="http://bighugelabs.com/onblack.php">servizi esterni</a> per questo, e Yahoo! ha deciso di assecondare gli utenti offrendo la feature direttamente su Flickr. Adesso con un clic sull&#8217;immagine questa viene visualizzata a schermo intero su sfondo nero, e la resa è ottima:</p>
<p><a title="Flickr: foto a tutto schermo" rel="lightbox" href="http://www.tomstardust.com/wp-content/uploads/2010/06/flickr_black_photo_page.jpg"><img class="alignnone size-medium wp-image-1299" src="http://www.tomstardust.com/wp-content/uploads/2010/06/flickr_black_photo_page-475x300.jpg" alt="" width="475" height="300" /></a></p>
<h4>Geotagging in evidenza</h4>
<p>Mettere in evidenza le informazioni geografiche collegate ad una foto qualche anno fa sarebbe stata una follia. Adesso non lo è più. Con smartphone e fotocamere dotate di GPS, geolocalizzare le foto è automatico, e comunque è sempre possibile farlo anche manualmente dopo aver importato gli scatti.</p>
<p>Inserire questa feature al primo posto sulla sidebar destra fa capire la sua importanza. In questo modo diventa ancora più facile ritrovare tutti gli scatti di una certa località e scoprire le foto più popolari di un luogo.</p>
<h3>I difetti</h3>
<p>Nonostante il redesign sia positivo, alcune cose potrebbero essere ulteriormente migliorate.</p>
<p>Avrei apprezzato molto uno spazio dedicato ai dati <em>EXIF </em>delle immagini: Flickr è una community ricca di fotografi, e certe feature sarebbero sicuramente apprezzate. In questo redesign invece i metadati rimangono su una pagina separata: sarebbe stato interessante vedere almeno apertura, tempo di esposizione ed ISO.</p>
<p>Per quanto invece riguarda il codice e l&#8217;accessibilità delle pagine, non mi è mai piaciuta (e continua a non piacermi) l&#8217;eccessiva dipendenza da JavaScript di alcune funzioni. E&#8217; comprensibile che certe azioni siano impossibili senza appoggiarsi a degli script, ma si potrebbe fare di meglio anche solo per quanto riguarda i menu di navigazione: con JavaScript disabilitato infatti la maggior parte dei link non funzionano ed i menu non possono essere aperti (cosa che sarebbe facile da implementare con qualche riga di CSS).</p>
<p>Sono invece funzionanti i nuovi link di zoom e di navigazione (foto successiva / precedente): è possibile che per alcuni nuovi elementi dell&#8217;interfaccia sia stata prestata più attenzione, ed altre parti del sito come il menu generale siano rimaste invece con i vecchi difetti. Questo redesign infatti riguarda solo la pagina foto di Flickr, tutto il resto è rimasto inalterato.</p>
<h3>In conclusione</h3>
<p>Il nuovo design è piacevole e più funzionale: il parere complessivo è decisamente positivo. Ci sono alcuni elementi che potrebbero essere ulteriormente migliorati, ma riguardano più la piattaforma intera di Flickr che la pagina delle singole foto. Per il momento fa piacere vedere qualcosa di nuovo in un sito che era rimasto fermo da anni: le modifiche faranno contenti i molti utenti <em>pro </em>che decidono ogni anno di rinnovare il proprio abbonamento.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/flickr-redesign-la-nuova-pagina-foto/">Flickr redesign: la nuova pagina foto</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=jf3QiqHT2vA:mwEuEWBbFL4:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=jf3QiqHT2vA:mwEuEWBbFL4:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=jf3QiqHT2vA:mwEuEWBbFL4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=jf3QiqHT2vA:mwEuEWBbFL4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=jf3QiqHT2vA:mwEuEWBbFL4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/jf3QiqHT2vA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/flickr-redesign-la-nuova-pagina-foto/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/flickr-redesign-la-nuova-pagina-foto/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=flickr-redesign-la-nuova-pagina-foto</feedburner:origLink></item>
		<item>
		<title>WordCamp Catania: il resoconto</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/IvGY29Oh7KE/</link>
		<comments>http://www.tomstardust.com/archives/wordcamp-catania-il-resoconto/#comments</comments>
		<pubDate>Sat, 26 Jun 2010 15:37:46 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[eventi e barcamp]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[catania]]></category>
		<category><![CDATA[eventi]]></category>
		<category><![CDATA[wcct2010]]></category>
		<category><![CDATA[wordcamp]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1288</guid>
		<description><![CDATA[Riflessioni sul WordCamp catanese del 18 giugno 2010, tra Wordpress 3.0 e nuovi incontri.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/wordcamp-catania-il-resoconto/">WordCamp Catania: il resoconto</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-1289" title="Roberto e Fullo al WordCamp Catania 2010" src="http://www.tomstardust.com/wp-content/uploads/2010/06/4735101271_17c57cc4c5-475x237.png" alt="" width="475" height="237" /></p>
<p>Il 18 giugno scorso ho partecipato al primo WordCamp italiano lontano da Milano: era la prima volta che veniva organizzato un barcamp su WordPress nel sud Italia, e mi ha fatto molto piacere poter essere presente a Catania.</p>
<p>Dopo essere stato presente alle edizioni milanesi del 2008 e del 2009, i confronti vengono quasi spontanei, e devo ammettere che sono rimasto molto contento dell&#8217;evento organizzato da <a href="http://www.robertochibbaro.it/">Roberto Chibbaro</a>. Era una bella occasione per coinvolgere delle realtà che molto spesso vengono colpevolmente dimenticate, e poter assistere a degli interventi interessanti mi ha permesso di fare diverse conoscenze utili.</p>
<p>Proprio sulle differenze di mentalità ha scritto <a title="WordCamp a Catania VS resto del mondo" href="http://www.lucapanzarella.it/blog/index.php/wordcamp-a-catania-vs-resto-del-mondo/">un post interessante</a> Luca, che è riuscito a dipingere un quadro molto verosimile, confrontando i diversi scenari che ci si possono parare davanti partecipando agli eventi di networking tra Londra, Roma e Catania. Quella della Sicilia è una realtà viva, che ha voglia di mettersi in mostra ed è capace di presentare delle idee interessanti, ma incontra difficoltà nel metterle in pratica. Parlare poi di soldi e finanziamenti per delle idee è quasi un&#8217;utopia: difficile trovare qualcuno disposto ad investire.</p>
<p>Nonostante tutto però c&#8217;è chi ha ancora voglia di emergere, e per questo non posso che fare i complimenti a chi continua ad insistere cercando una via per mettersi in mostra, come i ragazzi di <a href="http://www.yourinspirationweb.com/">Your Inspiration Web</a>. I loro talk sono stati interessanti, così come è stato molto discusso l&#8217;intervento di <a href="http://www.fullo.net/blog/">Francesco &#8220;Fullo&#8221; Fullone</a>, che ha esaminato WordPress sconsigliandone l&#8217;utilizzo in casi <em>estremi</em>, dove altri CMS si comporterebbero meglio.</p>
<p>Ho cercato di dare anche io il mio contributo, con un breve speech riguardante la mia esperienza con GdR Players. E&#8217; stato utile discutere insieme ai presenti dell&#8217;utilizzo di WordPress per una community ridotta ai minimi termini, considerando anche ipotesi alternative come <a href="http://buddypress.org/">BuddyPress</a> o le novità della versione 3.0. Mi ha fatto piacere ricevere pareri, suggerimenti e proposte interessanti, segno che la semplicità di WordPress continua ad attirare ed incuriosire, anche dopo gli ultimi aggiornamenti.</p>
<p>Se volete avere un quadro ancora più completo dell&#8217;evento, in rete potete trovare:</p>
<ul>
<li>I video di alcuni interventi, sul <a href="http://www.youtube.com/user/valerionovelli">canale YouTube di Valerio Novelli</a>.</li>
<li><a href="http://www.flickr.com/photos/tags/wcct2010/">Le foto dell&#8217;evento</a> su Flickr</li>
</ul>
<p>Le slide della mia presentazione, dal titolo <a title="La presentazione su Slideshare" href="http://www.slideshare.net/tomstardust/wordpress-per-una-community">&#8220;</a><strong><a title="La presentazione su Slideshare" href="http://www.slideshare.net/tomstardust/wordpress-per-una-community">WordPress per una community?&#8221;</a></strong>, sono le seguenti. Vederle fuori dal contesto non è ovviamente l&#8217;ideale, ma potete farvi comunque un&#8217;idea del contenuto:</p>
<div id="__ss_4619982" style="width: 425px;"><object id="__sse4619982" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wordcamp2010-100626061029-phpapp02&amp;stripped_title=wordpress-per-una-community" /><param name="name" value="__sse4619982" /><param name="allowfullscreen" value="true" /><embed id="__sse4619982" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wordcamp2010-100626061029-phpapp02&amp;stripped_title=wordpress-per-una-community" name="__sse4619982" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>L&#8217;appuntamento è per il WordCamp 2011: se avete proposte, suggerimenti, oppure eravate presenti e volete aggiungere qualcosa, i commenti sono a vostra disposizione.</p>
<p>Un ultimo ringraziamento va a Roberto ed a <a href="http://www.giovanniscala.com/">Giovanni</a>, che con i loro consigli mi hanno regalato una fantastica settimana di vacanza in giro per la Sicilia.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/wordcamp-catania-il-resoconto/">WordCamp Catania: il resoconto</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=IvGY29Oh7KE:l4WSoMPatSI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=IvGY29Oh7KE:l4WSoMPatSI:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=IvGY29Oh7KE:l4WSoMPatSI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=IvGY29Oh7KE:l4WSoMPatSI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=IvGY29Oh7KE:l4WSoMPatSI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/IvGY29Oh7KE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/wordcamp-catania-il-resoconto/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/wordcamp-catania-il-resoconto/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wordcamp-catania-il-resoconto</feedburner:origLink></item>
		<item>
		<title>Gli strumenti per valutare l’accessibilità di un sito servono davvero?</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/4SBQuZrpBmQ/</link>
		<comments>http://www.tomstardust.com/archives/gli-strumenti-per-valutare-laccessibilita-di-un-sito-servono-davvero/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 22:15:39 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[accessibilità]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1274</guid>
		<description><![CDATA[Elenchi di tool più o meno utili, validazione del codice e accessibilità di un sito web. Come orientarsi?<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/gli-strumenti-per-valutare-laccessibilita-di-un-sito-servono-davvero/">Gli strumenti per valutare l&#8217;accessibilità di un sito servono davvero?</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Navigando su internet spesso capita di imbattersi in nuovi tool per valutare l&#8217;accessibilità di un sito. Non mancano post che presentano liste infinite di strumenti utili per rendere un sito &#8220;accessibile&#8221;, e che promettono di dare un contributo alla causa con pochi click.</p>
<p>In queste circostanze però c&#8217;è un dettaglio da tenere sempre presente: un sito accessibile <strong>non può prescindere</strong> dalla validazione manuale, effettuata da una persona in carne ed ossa.</p>
<p>Gli strumenti automatici possono aiutare in determinate circostanze, ma alcuni tipi di controlli così come la scrittura del codice devone essere effettuati da uno sviluppatore. Per alcuni requisiti infatti non esistono ancora i mezzi per sostituire la mente di un web designer ben preparato, per fortuna di chi lavora nel settore.</p>
<h3>I tool utili</h3>
<p>Non è comunque corretto generalizzare, perché esistono vari strumenti efficaci. Questi tool vanno presi seriamente in considerazione quando un controllo manuale richiede troppo tempo o è effettivamente impossibile: sono un esempio il controllo del contrasto dei colori, della leggibilità per utenti daltonici, e la ricerca di errori HTML in lunghi estratti di codice.</p>
<p>Quelli di cui non posso fare a meno sono:</p>
<h4><a href="http://graybit.com/main.php">Graybit</a></h4>
<p>Permette di convertire un sito esistente in bianco e nero. Utilizzando solo tonalità di grigio è molto più facile capire se il contrasto di determinati elementi sia sufficiente. E&#8217; così possibile avere un&#8217;idea di come certi utenti potrebbero visualizzare il sito in esame.</p>
<h4><a href="http://www.checkmycolours.com/">Check My Colours</a></h4>
<p><a title="Check My Colours: come analizzare il contrasto dei colori di un sito" href="http://www.tomstardust.com/archives/check-my-colours-come-analizzare-il-contrasto-dei-colori-di-un-sito/">Avevo parlato</a> già della creazione di Giovanni Scala: <em>Check My Colours</em> è un altro utile strumento per valutare il contrasto degli elementi di un sito web. Il test è molto severo e rigoroso, e fa bene il suo dovere.</p>
<h4><a href="http://juicystudio.com/services.php">Juicy Studio Tools</a></h4>
<p>Questo sito offre diversi strumenti utili: il più famoso è quello per analisi del contrasto dei colori (esistente anche come estensione di Firefox), ma non è l&#8217;unico tool disponibile. Tra quelli esistenti, segnalo <a href="http://juicystudio.com/services/image.php">Image Analyser</a>, che unisce in modo intelligente la praticità di un test automatico con la validazione manuale, per controllare che le immagini di una pagina abbiano il testo alternativo corretto.</p>
<h3>Come realizzare un sito accessibile?</h3>
<p>L&#8217;obiettivo di questo post non è spiegare passo dopo passo la realizzazione di un sito accessibile, ma una considerazione è d&#8217;obbligo: la progettazione di un sito che rispetti determinati requisiti inizia fin dalle prime bozze, ancora prima della realizzazione delle proposte grafiche.</p>
<p>Una parte fondamentale è anche la scrittura del codice delle pagine: realizzare un template HTML rispettando gli standard del W3C è un primo passo per la realizzazione di un sito accessibile. E&#8217; molto più difficile fare il percorso a ritroso, analizzando a posteriori un sito già esistente.</p>
<p>Proprio per questo motivo l&#8217;utilizzo di qualsiasi validatore automatico viene dopo l&#8217;abilità di uno sviluppatore: se il codice di un sito è ben realizzato, renderlo accessibile sarà più facile. Ricorrere a tool esterni significa che molto probabilmente sono stati commessi degli errori in passato, o si è trascurato il tema dell&#8217;accessibilità in fase di creazione per poi pagare la scelta a caro prezzo.</p>
<p>L&#8217;incognita più grande resta però quella riguardante i contenuti. Non serve a niente realizzare un template accessibile (vedi <a title="il mio tema accessibile per WordPress" href="http://www.tomstardust.com/wordpress-themes/stardust/">Stardust</a> per WordPress), se poi chi si occupa di gestire il sito non tiene conto di determinati problemi come l&#8217;<em>alt text</em> delle immagini o la leggibilità dei testi. Un sito accessibile può essere tale solo se tutte le parti coinvolte sono coscienti del problema e sanno come gestirlo, altrimenti è facile ritrovarsi con un risultato scadente.</p>
<p><strong>Aggiornamento:</strong> è stato pubblicato proprio in questi giorni un interessante articolo sulle checklist dei test di accessibilità automatici. L&#8217;argomento è del tutto simile a quello trattato in questo post, con alcune proposte e raccomandazioni. Le conclusioni sono simili, ma vi consiglio di leggerlo (è in inglese): <a href="http://rebuildingtheweb.com/en/checklist-accessibility-harmful/">Can checklist accessibility be harmful?</a></p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/gli-strumenti-per-valutare-laccessibilita-di-un-sito-servono-davvero/">Gli strumenti per valutare l&#8217;accessibilità di un sito servono davvero?</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=4SBQuZrpBmQ:94tTO7Jmozw:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=4SBQuZrpBmQ:94tTO7Jmozw:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=4SBQuZrpBmQ:94tTO7Jmozw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=4SBQuZrpBmQ:94tTO7Jmozw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=4SBQuZrpBmQ:94tTO7Jmozw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/4SBQuZrpBmQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/gli-strumenti-per-valutare-laccessibilita-di-un-sito-servono-davvero/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/gli-strumenti-per-valutare-laccessibilita-di-un-sito-servono-davvero/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=gli-strumenti-per-valutare-laccessibilita-di-un-sito-servono-davvero</feedburner:origLink></item>
		<item>
		<title>iPad: la recensione</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/NWbebB66BuI/</link>
		<comments>http://www.tomstardust.com/archives/ipad-la-recensione/#comments</comments>
		<pubDate>Thu, 27 May 2010 06:37:11 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[apple]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[recensione]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1260</guid>
		<description><![CDATA[La prova su strada del tablet Apple in versione Wi-Fi, dopo alcuni giorni di utilizzo.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/ipad-la-recensione/">iPad: la recensione</a></p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tomstardust.com/wp-content/uploads/2010/05/ipad-safari.jpg"><img class="right size-thumbnail wp-image-1261" title="iPad" src="http://www.tomstardust.com/wp-content/uploads/2010/05/ipad-safari-250x145.jpg" alt="" width="250" height="145" /></a>Sono in possesso da circa una settimana di un <strong>iPad Wi-Fi</strong> da 16Gb, ed in questi giorni posso dire di averlo testato a fondo in tutti gli ambiti che mi interessavano. Questa recensione vuole essere il più possibile obiettiva, mettendo in evidenza pregi e difetti: se avete domande o curiosità i commenti sono a vostra disposizione.</p>
<h3>Unboxing e configurazione</h3>
<p>La Apple ha ridotto al minimo il contenuto della scatola: oltre all’iPad, c’è solo l’alimentatore e qualche foglio illustrativo. Nessun manuale. Appena acceso il tablet, appare l’indicazione di collegarlo ad iTunes per la prima sincronizzazione: collegato al computer in pochi minuti sono riuscito a riversare all’interno tutti i contenuti e le applicazioni che mi interessavano e che avevo già scaricato per iPhone.</p>
<h3>Prime impressioni: ottima velocità</h3>
<p>Una delle cose che mi hanno più impressionato è stata la velocità di risposta. Abituato ai tempi dell’iPhone 3G (che ha poco meno di 2 anni), sono rimasto stupito vedendo aprirsi in pochi istanti le stesse applicazioni che sullo smartphone impiegano vari secondi. Il processore A4 fa il suo dovere, e fino ad ora non ho trovato app che riuscissero a metterlo in difficoltà.</p>
<p>Il tempo di risposta alle varie interazioni con lo schermo è eccellente: inutile negarlo, è uno dei vantaggi principali dell’interfaccia realizzata da Apple. Avere un feedback immediato su un touchscreen è fondamentale.</p>
<h3>Navigazione in rete</h3>
<p>L’iPad si comporta bene navigando in rete: sembra una cosa da poco, ma poter scorrere un sito web usando le proprie mani invece che un mouse dà una sensazione completamente diversa, molto più naturale.</p>
<p>Il caricamento delle pagine via Wi-Fi non mi ha mai dato problemi con una normale linea a 8Mb (circa 6Mb effettivi in download). Non posso dire come si comporti in questo senso l’iPad con connessione 3G, ma facendo le dovute proporzioni con l’iPhone, l’apertura delle pagine sarà sicuramente più lenta quando non si usa la connessione wireless.</p>
<h4>L’assenza di Flash</h4>
<p>Che problemi mi ha dato il mancato supporto di Flash? Fino ad ora mi sono trovato bloccato in un caso, aprendo un sito di un hotel realizzato interamente in flash e senza versione HTML alternativa. Sorvolando il discorso accessibilità, è stata l’unica situazione in cui ho dovuto ricorrere ad un altro computer.</p>
<p>E’ anche vero che non mi interessano i giochi in Flash e navigo molto spesso per siti informativi dove il testo è prevalente. La mancanza per me non è grave, ma ero ben consapevole di questo al momento dell’acquisto: ovviamente ognuno dovrà fare le sue considerazioni in base all’utilizzo che fa della rete.</p>
<h4>Rendering dei siti</h4>
<p>Ho rivolto particolare attenzione al rendering dei siti su iPad, argomento che mi interessa direttamente. Tenendo il dispositivo orizzontale, i testi sono quasi sempre leggibili senza bisogno di zoom, a seconda delle dimensioni del font utilizzato. I siti con la classica larghezza di 960-980px non presentano quindi grandi problemi.</p>
<p>Per gli sviluppatori: non ritengo necessario realizzare una versione apposita per iPad di un sito, a meno che non ci siano particolari esigenze. Un esempio potrebbe essere un sito in Flash, con contenuti multimediali che potrebbero essere forniti in HTML5, ma in quel caso invece di realizzare una versione alternativa per il tablet Apple la cosa migliore sarebbe rifare il sito originale in maniera più accessibile.</p>
<p>E’ comunque da considerare con attenzione la dimensioni di elementi come link e pulsanti. Sullo schermo dell’iPad (1024x768px) alcuni oggetti potrebbero apparire troppo piccoli. E’ una cosa che potrebbe mettere in difficoltà alcuni utenti, obbligando a zoomare la pagina prima di premere un pulsante.</p>
<p>Una cosa fastidiosa, che sarà sicuramente risolta con il tempo ma che crea problemi in questo primo periodo di entrata sul mercato dell’iPad, è che molti siti lo riconoscono come un iPhone caricando la versione mobile. Succede anche su questo sito utilizzando <a title="MobilePress: blog in versione mobile" href="http://www.tomstardust.com/archives/mobilepress-blog-in-versione-mobile/">il plugin MobilePress</a>: è fastidioso, perché l’iPad ha a tutti gli effetti uno schermo di dimensioni normali, e non c’è motivo di trattarlo al pari di un palmare o di uno smartphone.</p>
<h3>Disponibilità di applicazioni</h3>
<p>In questi giorni l’App Store sta iniziando a popolarsi di applicazioni per iPad: è normale che siano ancora una minoranza, ma è logico aspettarsi già dalle prossime settimane un buon numero di nuovi programmi. Ce ne sono di gratuite, ma i prezzi medi sono più alti di quelle per iPhone.</p>
<p>Tra quelle che ho potuto provare mi limito a segnalarne un paio:</p>
<p><strong><a href="http://itunes.apple.com/it/app/dropbox/id327630330">Dropbox</a>:</strong> è eccellente, gratuita, permette di scaricare sull’iPad i file preferiti per quando non si ha la connessione a disposizione e consente di aprire i formati supportati anche con applicazioni esterne (ad esempio i pdf con GoodReader). In pratica avrete accesso in qualsiasi momento ai file che già condividete tra vari computer grazie a Dropbox.</p>
<p><strong><a href="http://itunes.apple.com/it/app/keynote/id361285480">Keynote</a> (iWork):</strong> provata per la prima volta in un Apple Store, ho creato una presentazione di 4-5 slide in 2 minuti. Unita ad un eventuale adattatore VGA per collegarsi ad un proiettore esterno, rende l’iPad un ottimo strumento per realizzare delle slide.</p>
<p>Per quanto riguarda <strong>iBooks</strong>, trovate un discorso a parte più avanti.</p>
<h4>Uso delle applicazioni per iPhone</h4>
<p>E’ possibile usare le applicazioni per iPhone senza problemi, l’unica differenza è la risoluzione. Portando la visualizzazione a tutto schermo, il risultato è ovviamente sgranato e per me poco soddisfacente: può essere una soluzione di ripiego nel caso di alcune App insostituibili, ma ben presto vi ritroverete a cercare delle alternative apposite per iPad.</p>
<p>Non è solo un discorso di qualità della grafica, ma anche di interfaccia: lo spazio a disposizione sul tablet è inevitabilmente maggiore, per questo motivo utilizzare le applicazioni per iPhone è spesso limitante. Inoltre alcune non permettono di seguire l’orientamento del dispositivo in tutti e quattro i versi, ma ne hanno uno fisso (capita spesso con i giochi).</p>
<h3>iPad come e-book reader e iBooks</h3>
<p>Ho iniziato a leggere un e-book da qualche giorno e la prima impressione è stata positiva. I libri in formato <em>ePub</em> possono essere importati su iTunes e da lì sincronizzati con l’iPad. Leggere sul tablet fino ad ora non mi ha dato problemi, anche perché è possibile regolare facilmente contrasto, dimensioni e tipo di font (<a href="http://it.wikipedia.org/wiki/Palatino_%28font%29">Palatino</a> di default). E’ possibile che per periodi di lettura lunghi lo schermo affatichi comunque la vista: ancora non mi è capitato, ma non escludo che possa succedere dopo alcune ore.</p>
<p>Questa è la cruciale differenza con il Kindle di Amazon, che nasce apposta per un unico scopo e si comporta egregiamente usando l’e-ink. Se avete bisogno semplicemente di un e-book reader, l’iPad non è la scelta migliore, perché consente di fare anche molto altro. Se però siete interessati a leggere dei fumetti, il discorso si fa già più interessante, perché la resa dei colori su schermo è eccellente.</p>
<h3>Tastiera virtuale</h3>
<p>Inutile negarlo, la tastiera virtuale è scomoda rispetto all&#8217;alternativa fisica. Non è difficile da utilizzare con un po&#8217; di attenzione, ma è sicuramente meglio connettere l&#8217;iPad ad una tastiera &#8220;reale&#8221; se si ha intenzione di utilizzarlo per scrivere lunghi testi.</p>
<p>Tenetelo presente anche in base all&#8217;uso che ne potreste fare: non ci sono problemi per scrivere l&#8217;indirizzo di un sito web, inserire una e-mail, o fare delle brevi chat, ma in altre situazioni potreste trovarla scomoda.</p>
<p>Io mi sto abituando gradualmente, ma la cosa più difficile è trovare una posizione ideale in cui scrivere. Utilizzando il case originale Apple come supporto per tenere l&#8217;iPad inclinato non è un gran problema, a patto di essere seduti ad un tavolo o comunque con una superficie di appoggio.</p>
<h3>Wi-Fi o 3G?</h3>
<p>Dopo aver utilizzato per diversi giorni il modello Wi-Fi, continuo ad essere convinto che l’uso principale dell’iPad sia quello casalingo. Sinceramente non vedo l’utilità dell’acquisto del modello 3G, soprattutto considerando anche la spesa di un abbonamento telefonico aggiuntivo: la soluzione più accessibile al momento è quella di <a href="http://www.tre.it/public/scheda_offerta.php?ido=82&amp;idOF=767&amp;fil=82_1" class="broken_link">3 Italia</a>, ma i problemi di copertura continuano a lasciarmi dubbioso.</p>
<p>L’iPad è un dispositivo comunque ingombrante, non può essere portato in tasca e sicuramente non lo tirerete fuori per fare un check-in su <a href="http://foursquare.com">Foursquare</a> o per aggiornare il vostro status su <a href="http://twitter.com/tomstardust">Twitter</a> quando siete per strada. In questi casi uno smartphone resta la soluzione ideale.</p>
<p>La versione 3G può avere senso se viaggiate molto e lo schermo del cellulare vi sta stretto per navigare su internet, ma per vedere un film o presentare delle slide la connessione è inutile.</p>
<h3>Conclusioni</h3>
<p>Non è passato un tempo sufficiente per poter dare giudizi definitivi, ma fino ad ora sono decisamente soddisfatto dell’acquisto. Non c’è un solo modo per utilizzare l’iPad, ma ogni giorno scopro nuove possibilità e mi vengono in mente soluzioni a cui non avevo pensato prima.</p>
<p>Le limitazioni della chiusura del sistema Apple si avvertono solo se avete esigenze tali da non poter tollerare alcuni limiti. Lato hardware, l’unica cosa che avrei trovato comoda sarebbe stato un lettore di memory card integrato, invece di averlo come accessorio esterno.</p>
<p>Sono comunque pronto ad aggiornare questo articolo in futuro, in caso cambiassi opinione su uno dei punti elencati.</p>
<p>Se avete delle curiosità riguardo all’iPad, volete chiedermi qualcosa sul suo funzionamento o siete incuriositi da alcune applicazioni dell’App Store, scrivetemi nei commenti e risponderò a tutte le richieste.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/ipad-la-recensione/">iPad: la recensione</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=NWbebB66BuI:GO11yF5QRa0:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=NWbebB66BuI:GO11yF5QRa0:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=NWbebB66BuI:GO11yF5QRa0:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=NWbebB66BuI:GO11yF5QRa0:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=NWbebB66BuI:GO11yF5QRa0:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/NWbebB66BuI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/ipad-la-recensione/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/ipad-la-recensione/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ipad-la-recensione</feedburner:origLink></item>
		<item>
		<title>WordCamp 2010: Milano e Catania</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/V1a4W-HKYIc/</link>
		<comments>http://www.tomstardust.com/archives/wordcamp-2010-milano-e-catania/#comments</comments>
		<pubDate>Mon, 17 May 2010 07:00:12 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[eventi e barcamp]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[catania]]></category>
		<category><![CDATA[eventi]]></category>
		<category><![CDATA[milano]]></category>
		<category><![CDATA[wordcamp]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1254</guid>
		<description><![CDATA[Due appuntamenti italiani dedicati a Wordpress: è arrivato anche il WordCamp Catania.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/wordcamp-2010-milano-e-catania/">WordCamp 2010: Milano e Catania</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="right size-full wp-image-1107" title="Logo WordPress" src="http://www.tomstardust.com/wp-content/uploads/2010/02/wordpress-logo.jpg" alt="" width="150" height="150" />Anche quest’anno non manca l’appuntamento con il <a href="http://wordcamp.it/"><strong>WordCamp</strong></a> italiano, barCamp dedicato a WordPress. Le novità questa volta sono importanti, perché oltre al tradizionale incontro a <strong>Milano </strong>(21-22 Maggio 2010), ci sarà anche un WordCamp a <strong>Catania </strong>il 18 Giugno.</p>
<p>Al momento gli interventi proposti sono diversi, ed il numero dei partecipanti continua a crescere. Potete trovare tutte le informazioni sui siti dedicati:</p>
<ul>
<li><a href="http://wordcamp.it/milano2010/"><strong>WordCamp Milano</strong></a></li>
<li><a href="http://wordcamp.it/catania2010/"><strong>WordCamp Catania</strong></a></li>
</ul>
<p>Io sarò presente a Catania, approfittando dell’occasione per godermi un po’ di vacanze in Sicilia nei giorni successivi all’evento. Non so ancora se parteciperò con un intervento (potrei raccontare qualcosa su <a title="GdR Players: il sito dei giocatori di ruolo italiani" href="http://www.gdrplayers.it/">GdR Players</a>…), ma sarà comunque una bella opportunità per conoscere altre persone interessate all’argomento.</p>
<p>Se siete interessati a partecipare, registratevi sul sito del WordCamp che vi interessa. Ci vediamo a Catania!</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/wordcamp-2010-milano-e-catania/">WordCamp 2010: Milano e Catania</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=V1a4W-HKYIc:Z9NLTTe5TVg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=V1a4W-HKYIc:Z9NLTTe5TVg:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=V1a4W-HKYIc:Z9NLTTe5TVg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=V1a4W-HKYIc:Z9NLTTe5TVg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=V1a4W-HKYIc:Z9NLTTe5TVg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/V1a4W-HKYIc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/wordcamp-2010-milano-e-catania/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/wordcamp-2010-milano-e-catania/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wordcamp-2010-milano-e-catania</feedburner:origLink></item>
		<item>
		<title>WordPress 3.0: menu personalizzati</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/RFszheC1d7w/</link>
		<comments>http://www.tomstardust.com/archives/wordpress-3-0-menu-personalizzati/#comments</comments>
		<pubDate>Wed, 12 May 2010 07:30:49 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navigazione]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[wordpress 3.0]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1231</guid>
		<description><![CDATA[La nuova funzione wp_nav_menu di Wordpress 3.0, tra drag &#038; drop e menu su misura.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/wordpress-3-0-menu-personalizzati/">WordPress 3.0: menu personalizzati</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Una delle funzioni più interessanti del prossimo <strong>WordPress 3.0</strong> permette di creare <strong>menu di navigazione personalizzati</strong> direttamente dal pannello di amministrazione.</p>
<p>E&#8217; possibile infatti creare dei menu contenenti contemporaneamente:</p>
<ul>
<li>pagine</li>
<li>categorie</li>
<li>link diretti ad <em>url </em>specifiche</li>
</ul>
<p>Questa novità facilita le possibilità di personalizzazione: non è più necessario nemmeno modificare nel template funzioni come <a title="Le funzioni wp_list_pages e wp_page_menu di WordPress" href="http://www.tomstardust.com/archives/le-funzioni-wp_list_pages-e-wp_page_menu-di-wordpress/">wp_list_pages() o wp_page_menu</a>, alle quali andavano passate come parametri le pagine da escludere.</p>
<p>I menu personalizzati sono gestiti in maniera simile alle <em>widget</em>: si selezionano le pagine e con il <em>drag &amp; drop</em> è possibile ordinarle anche su sottolivelli. Il problema più grave di questo metodo riguarda <strong>l&#8217;accessibilità</strong>: non c&#8217;è stato alcun miglioramento dalle versioni precedenti di WordPress. E&#8217; infatti impossibile ordinare gli elementi senza usare il mouse.</p>
<p><a title="WordPress custom menu" rel="lightbox" href="http://www.tomstardust.com/wp-content/uploads/2010/05/wordpress-custom-menu.png"><img class="alignnone size-medium wp-image-1232" src="http://www.tomstardust.com/wp-content/uploads/2010/05/wordpress-custom-menu-475x308.png" alt="" width="475" height="308" /></a></p>
<h3>Rendere compatibile un tema con i menu personalizzati</h3>
<p>E&#8217; possibile adattare un tema esistente con i nuovi <em>custom menu</em> senza troppe difficoltà. E&#8217; stata infatti introdotta una nuova funzione, che inserisce automaticamente sul sito il primo menu personalizzato che viene creato:</p>
<pre><code>&lt;?php wp_nav_menu(); ?&gt;</code></pre>
<p>Trovate la documentazione relativa ed i parametri opzionali <a title="wp_nav_menu - WordPress Codex" href="http://codex.wordpress.org/Function_Reference/wp_nav_menu">in questa pagina del Codex</a>. L&#8217;unica cosa necessaria da sapere è che se non è stato creato nessun menu personalizzato, la funzione <em>wp_nav_menu</em> va in fallback direttamente su <em>wp_page_menu</em>, di cui <a title="Le funzioni wp_list_pages e wp_page_menu di WordPress" href="http://www.tomstardust.com/archives/le-funzioni-wp_list_pages-e-wp_page_menu-di-wordpress/">avevo già parlato</a> in passato. Questo garantisce sempre la presenza di un menu di navigazione, permettendo agli utenti con esigenze particolari di poterlo personalizzare.</p>
<p><strong>Aggiornamento:</strong> in attesa dell&#8217;uscita della versione ufficiale, potete scaricare la beta 2 di WordPress 3.0 <a title="WordPress 3.0 beta 2" href="http://wordpress.org/development/2010/05/wordpress-3-0-beta-2/">dal blog</a>.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/wordpress-3-0-menu-personalizzati/">WordPress 3.0: menu personalizzati</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=RFszheC1d7w:_nBTNtmp_0g:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=RFszheC1d7w:_nBTNtmp_0g:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=RFszheC1d7w:_nBTNtmp_0g:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=RFszheC1d7w:_nBTNtmp_0g:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=RFszheC1d7w:_nBTNtmp_0g:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/RFszheC1d7w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/wordpress-3-0-menu-personalizzati/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/wordpress-3-0-menu-personalizzati/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wordpress-3-0-menu-personalizzati</feedburner:origLink></item>
		<item>
		<title>IA Summit 2010, il resoconto</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/GU50V03XH0M/</link>
		<comments>http://www.tomstardust.com/archives/ia-summit-2010-resoconto/#comments</comments>
		<pubDate>Mon, 10 May 2010 06:45:59 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
				<category><![CDATA[eventi e barcamp]]></category>
		<category><![CDATA[architettura dell'informazione]]></category>
		<category><![CDATA[eventi]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=1221</guid>
		<description><![CDATA[Le mie impressioni sul quarto summit italiano di Architettura dell'Informazione, a Pisa.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/ia-summit-2010-resoconto/">IA Summit 2010, il resoconto</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Reduce da due giorni trascorsi a Pisa per il quarto <a title="IA Summit 2010" href="http://www.iasummit.it/2010/">summit italiano di Architettura dell&#8217;Informazione</a>, mi sembra giusto tirare le somme e fare un resoconto dell&#8217;evento.</p>
<h3>Gli ospiti internazionali</h3>
<p>La prima cosa che ho pensato tornando a casa, è stata che le presenze internazionali sono un grande valore aggiunto per eventi come questo. Ascoltare il talk di apertura di <em>Jason Hobbs</em> sull&#8217;importanza dell&#8217;Architettura dell&#8217;Informazione (ma soprattutto del gettare le basi di una <em>scienza</em> comune a cui fare riferimento) è stato illuminante. Trovate la sua presentazione (con alcune differenze) su SlideShare: <em><a href="http://www.slideshare.net/jh01/the-door-the-wind-the-bird-and-the-valise">&#8220;The door, the wind, the bird and the valise&#8221;</a><span style="font-style: normal;">, ed il video che appare nella slide 15 è questo:</span></em></p>
<p><em><span style="font-style: normal;"><p><a href="http://www.tomstardust.com/archives/ia-summit-2010-resoconto/"><em>Clicca qui per vedere il video incorporato.</em></a></p></span></em></p>
<p>Notevole anche il keynote conclusivo di <em><a href="http://www.inkblurt.com/">Andrew Hinton</a></em>: un lungo intervento su IA ed organizzazione delle informazioni, passando da D&amp;D e Quake (!) al web design. Tanto materiale su cui riflettere, presentato in maniera eccellente: è apparso evidente come certi personaggi siano abituati a stare sul palco parlando di questi argomenti.</p>
<h3>Gli interventi italiani</h3>
<p>Gli ospiti stranieri di cui ho parlato valevano da soli il viaggio, ma sono stato contento di ascoltare anche altri talk interessanti: sicuramente quello di <a href="http://kurai.eu/">Federico Fasce</a>, che aspettavo con curiosità e che non ha deluso le aspettative, ma anche un bell&#8217;intervento di <a href="http://www.didoo.net/">Cristiano Rastelli</a> sull&#8217;esperienza utente nei quotidiani online, con replica in sala di un rappresentante del gruppo dell&#8217;Espresso/Repubblica.</p>
<p>Ci sono state alcune note stonate, interventi troppo autoreferenziali o poco in tema con il summit, ma sono state poche eccezioni che non hanno abbassato di troppo la qualità media dell&#8217;evento.</p>
<p>Quando possibile cerco sempre di non mancare ad appuntamenti come questo: sono un&#8217;ottima occasione per discutere con altri lavoratori del settore, fare nuove conoscenze, e trovare spunti interessanti nei talk presentati. Mi rendo conto di averlo già scritto altre volte parlando di eventi simili e barcamp, ma non posso fare a meno di ripetermi. Partecipare a questi incontri permette di allargare i propri orizzonti, assorbendo quante più informazioni possibili. Il <em>guadagno</em> può essere sia culturale che interpersonale, ed ha poca importanza quale sia dei due l&#8217;aspetto prevalente, perché il bilancio sarà comunque positivo.</p>
<p>Alberto Mucignat ha raccolto in un video alcuni pareri sull&#8217;evento:</p>
<p><a href="http://www.tomstardust.com/archives/ia-summit-2010-resoconto/"><em>Clicca qui per vedere il video incorporato.</em></a></p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi fino a <b>10Gb</b> gratis per il backup e la condivisione dei tuoi file? <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Registrati su Dropbox</a>, se usi questo link ottieni 250Mb aggiuntivi (e li regali anche a me :) )</div><br/><br/><a href="http://www.tomstardust.com/archives/ia-summit-2010-resoconto/">IA Summit 2010, il resoconto</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=GU50V03XH0M:yi5kJBCLbTE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=GU50V03XH0M:yi5kJBCLbTE:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=GU50V03XH0M:yi5kJBCLbTE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=GU50V03XH0M:yi5kJBCLbTE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=GU50V03XH0M:yi5kJBCLbTE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/tomstardust?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/tomstardust/~4/GU50V03XH0M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/ia-summit-2010-resoconto/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.tomstardust.com/archives/ia-summit-2010-resoconto/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ia-summit-2010-resoconto</feedburner:origLink></item>
	</channel>
</rss>
