<?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: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>
	<pubDate>Fri, 03 Jul 2009 12:57:55 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<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><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/tomstardust" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Il W3C abbandona XHTML, il futuro è HTML 5</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/XF7__lWx268/</link>
		<comments>http://www.tomstardust.com/archives/il-w3c-abbandona-xhtml-il-futuro-e-html-5/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 12:57:55 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[web standards]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[html 5]]></category>

		<category><![CDATA[standard web]]></category>

		<category><![CDATA[w3c]]></category>

		<category><![CDATA[xhtml]]></category>

		<category><![CDATA[xhtml 2]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=842</guid>
		<description><![CDATA[La presa di posizione del W3C: stop allo sviluppo di XHTML 2 per portare avanti solo HTML 5.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="right size-full wp-image-844" title="W3C Logo" src="http://www.tomstardust.com/wp-content/uploads/2009/07/w3c-logo.jpg" alt="W3C Logo" width="144" height="96" />Il W3C ha chiarito la sua posizione sul futuro della specifica <strong>XHTML</strong>: con una news pubblicata il 3 Luglio ha chiuso lo sviluppo di <strong>XHTML 2</strong>, per dedicare tutte le risorse al futuro <strong>HTML 5</strong>.</p>
<p><a title="W3C News - Week Ending 3 July" href="http://www.w3.org/News/2009#item119">Dalle notizie della settimana appena conclusa</a> infatti è possibile leggere:</p>
<blockquote><p>2009-07-02: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C&#8217;s position regarding the future of HTML.</p></blockquote>
<p>Una decisione sicuramente importante per il futuro di chi sviluppa sul web, ma non così sorprendente come potrebbe sembrare. Ammetto di avere sperato in XHTML 2, ma i segnali colti fino ad ora non sono mai stati rassicuranti. Quest&#8217;ultima notizia è solo la conferma della strada fortemente voluta e consigliata (in modo più o meno forzato) da Google e dai vari sviluppatori di browser, che da tempo stanno spingendo per la specifica HTML 5.</p>
<p>Alla luce di quanto accaduto la decisione di <em>Dave Shea</em>, sviluppatore americano, che ha deciso di abbandonare XHTML da qualche tempo, non appare così sbagliata. Ne avevo parlato nel post <em><a href="http://www.tomstardust.com/archives/abbandonare-xhtml/">&#8220;Abbandonare XHTML?&#8221;</a></em>, ma in ogni caso non c&#8217;è alcun motivo di avere fretta di cambiare. Per quanto mi riguarda resto fermo sulla mia posizione: finchè HTML 5 non sarà pienamente supportato, XHTML 1.0 resterà la mia scelta principale; è semplicemente arrivato il momento di approfondire lo studio della nuova specifica per chi non l&#8217;avesse ancora presa in considerazione, visto che tra qualche tempo sarà largamente diffusa.</p>
<p>Come punto di partenza vi segnalo <a title="XHTML Faq - W3C" href="http://www.w3.org/2009/06/xhtml-faq">le Faq del W3C</a> sul futuro di XHTML, ed il post <a href="http://www.tomstardust.com/archives/html-5-approfondimenti-ed-evoluzioni-future/"><em>&#8220;HTML 5: approfondimenti ed evoluzioni future&#8221;</em></a>, dove troverete diversi link utili.</p>
<p>A proposito di tempi: quanto ci vorrà per vedere HTML 5 supportato da tutti i principali browser? Sicuramente qualche anno, ma la data potrebbe non essere così lontana. In alcuni casi certe funzionalità sono già ben supportate, e questo indica che gli stessi produttori hanno interesse a seguire la specifica. Non sarà comunque un cambiamento improvviso: c&#8217;è tutto il tempo per documentarsi ed approfondire.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=XF7__lWx268:HUxXQMkwo28:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=XF7__lWx268:HUxXQMkwo28:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=XF7__lWx268:HUxXQMkwo28:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=XF7__lWx268:HUxXQMkwo28:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=XF7__lWx268:HUxXQMkwo28: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/XF7__lWx268" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/il-w3c-abbandona-xhtml-il-futuro-e-html-5/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/il-w3c-abbandona-xhtml-il-futuro-e-html-5/</feedburner:origLink></item>
		<item>
		<title>La funzione body_class() di Wordpress 2.8</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/frzoMBAvAwI/</link>
		<comments>http://www.tomstardust.com/archives/la-funzione-body_class-di-wordpress-28/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 05:00:20 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[body]]></category>

		<category><![CDATA[php]]></category>

		<category><![CDATA[tags]]></category>

		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=837</guid>
		<description><![CDATA[Guida alla personalizzazione delle singole pagine di un blog Wordpress, con una semplice funzione php.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p>La versione <strong>2.8</strong> di Wordpress introduce una novità molto utile per chi sviluppa dei temi. E&#8217; stata infatti creata una nuova funzione php, chiamata <em>body_class()</em>.</p>
<p>Utilizzandola nel template è possibile avere delle classi differenti sul tag HTML <em>body</em>, a seconda della pagina visualizzata. Questo consente di personalizzarne l&#8217;aspetto esclusivamente tramite CSS, senza bisogno di creare template su misura.</p>
<p>Per utilizzarla è sufficiente aggiungerla nel tag <em>body</em>, che di solito è nel template <em>header.php</em>, in questo modo:</p>
<p><code>&lt;body &lt;?php body_class(); ?&gt;&gt;</code></p>
<p>Il risultato sulla homepage del blog sarà:</p>
<p><code>&lt;body class="home blog"&gt;</code></p>
<p>mentre su un singolo articolo (ad esempio con ID 23):</p>
<p><code>&lt;body class="single postid-23"&gt;</code></p>
<p>E&#8217; possibile anche aggiungere una o più classi personalizzate a piacere, che appariranno insieme alle altre:</p>
<p><code>&lt;body &lt;?php body_class('nome-classe'); ?&gt;&gt;</code></p>
<p>Una funzione php analoga, relativa però ai singoli post, è chiamata <em>post_class()</em>: ne ho parlato in passato, trovate la relativa guida <a title="Guida Wordpress 2.7: come personalizzare i post" href="http://www.tomstardust.com/archives/guida-wordpress-27-come-personalizzare-post/">a questo indirizzo</a>.</p>
<p>Le potenzialità di queste funzioni sono notevoli, ma credo sia bene utilizzarle solo se veramente necessario. Soprattutto nel caso di <em>body_class()</em>, il rischio è quello di trovarsi il codice inutilmente appesantito. L&#8217;elenco completo delle classi stampate dalla nuova funzione è <a title="WP 2.8 - body_class, automatic_feed_links" href="http://wpengineer.com/wordpress-28-body_class-automatic_feed_links/">in questo post</a> di WPEngineer.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=frzoMBAvAwI:ajfI6J7Vyyk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=frzoMBAvAwI:ajfI6J7Vyyk:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=frzoMBAvAwI:ajfI6J7Vyyk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=frzoMBAvAwI:ajfI6J7Vyyk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=frzoMBAvAwI:ajfI6J7Vyyk: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/frzoMBAvAwI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/la-funzione-body_class-di-wordpress-28/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/la-funzione-body_class-di-wordpress-28/</feedburner:origLink></item>
		<item>
		<title>Check My Colours: come analizzare il contrasto dei colori di un sito</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/KADrxdGVkcc/</link>
		<comments>http://www.tomstardust.com/archives/check-my-colours-come-analizzare-il-contrasto-dei-colori-di-un-sito/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 05:00:53 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[accessibilità]]></category>

		<category><![CDATA[risorse utili]]></category>

		<category><![CDATA[applicazioni]]></category>

		<category><![CDATA[colori]]></category>

		<category><![CDATA[contrasto]]></category>

		<category><![CDATA[Giovanni Scala]]></category>

		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=822</guid>
		<description><![CDATA[E' nata una nuova applicazione per analizzare i colori di una pagina web. Ecco qualche domanda a chi l'ha sviluppata.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p><a title="Check My Colours" href="http://www.checkmycolours.com/"><img class="size-full wp-image-825 right" src="http://www.tomstardust.com/wp-content/uploads/2009/06/check-my-colours.jpg" alt="Check My Colours" width="285" height="117" /></a></p>
<p><strong>La scelta dei colori</strong> di una pagina web è uno degli elementi da considerare per avere un sito accessibile. Non è sufficiente tenere conto di alcune problematiche come <a title="L'accessibilità per i daltonici" href="http://www.tomstardust.com/archives/accessibilita-per-i-daltonici/">il daltonismo</a> o altri disturbi della percezione dei colori: esistono infatti numerose circostanze per le quali alcune scelte sbagliate potrebbero rendere un sito inaccessibile.</p>
<p>Basti pensare alla visualizzazione di una pagina senza CSS o con le immagini disabilitate: non avere dichiarato alcuni colori potrebbe rendere illeggibili alcuni testi.</p>
<p>In queste situazioni può tornare utile l&#8217;utilizzo di strumenti automatici: <strong><a href="http://www.checkmycolours.com/">Check My Colours</a></strong> è un tool ancora in beta, realizzato dall&#8217;italiano <em>Giovanni Scala</em>, che promette molto bene.</p>
<h3>Alcune domande all&#8217;autore</h3>
<p>Per approfondire questa segnalazione ho voluto fare un paio di domande al suo creatore, anche per comprendere le ragioni della nascita di <em>Check My Colours</em>.</p>
<h4>Come mai hai voluto creare un&#8217;applicazione di questo tipo pur esistendo già altre alternative simili?</h4>
<blockquote><p>Sin da quando ho iniziato a sviluppare siti ho sempre cercato di rendere i miei lavori pienamente accessibili per chiunque, sia dal punto di vista tecnico che umano. Quindi ho pensato che un&#8217;applicazione simile sarebbe stata d&#8217;aiuto.</p>
<p>Sì, è vero, esistono diversi tool simili, ma ad ognuno di questi manca &#8220;qualcosa&#8221;:</p>
<ul>
<li>Quasi sempre permettono di verificare solamente il CSS esterno. CheckMyColours verifica i colori di ogni singolo elemento del DOM, siano essi definiti in un foglio di stile esterno o all&#8217;interno della pagina HTML. Questo approccio oltre ad essere più completo, permette di avere un rapido quadro della situazione della propria pagina (una sola scelta errata dei colori nel css può rendere illegibile centinaia di links&#8230; Gli altri &#8220;validatori&#8221; segnalerebbero comunque un solo errore&#8230;)</li>
<li>Non tutti gli strumenti attualmente online utilizzano gli algoritmi ufficialmente suggeriti dal consorzio W3C.</li>
<li>Alcuni tools richiedono l&#8217;installazione locale, e quindi sono utilizzabili solamente su determinati sistemi operativi</li>
</ul>
<p>Gli obiettivi principali di questa applicazione sin dall&#8217;inizio sono stati:</p>
<ul>
<li>avere come target principale i web designers. Fare una sola cosa, farla bene.</li>
<li>facilitare le operazioni di controllo di una pagina già online</li>
<li>ottenere risultati semplici da consultare</li>
<li>fornire mezzi per la scelta dei colori in fase di sviluppo (il color picker)</li>
<li>renderla utilizzabile su qualsiasi sistema operativo</li>
<li>renderla utilizzabile su qualsiasi browser</li>
</ul>
</blockquote>
<h4>Prevedi degli aggiornamenti per il futuro? Stai lavorando già a delle modifiche?</h4>
<blockquote><p>Ovviamente questo è solo l&#8217;inizio. L&#8217;attuale versione online è ancora in fase beta. Sto ricevendo diverse mail di segnalazioni, proposte, consigli, e certamente ne terrò conto. Una bozza di roadmap creata al volo potrebbe essere:</p>
<ul>
<li>correggere gli eventuali problemi della versione beta</li>
<li>stilare delle FAQ</li>
<li>migliorare il color picker</li>
<li>creare un&#8217;area blog per aggiornamenti sull&#8217;applicazione e</li>
<li>discussioni legate all&#8217;accessibilità.</li>
<li>ottimizzare l&#8217;utilizzo su iPhone e altri dispositivi mobili</li>
<li>permettere il salvataggio su pdf del report</li>
</ul>
</blockquote>
<p>Potete provare subito <a href="http://www.checkmycolours.com/">Check My Colours</a>, tenendo presente che è in costante sviluppo. Se avete dei suggerimenti o delle proposte da fare, non esitate a contattare l&#8217;autore dal sito dell&#8217;applicazione.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=KADrxdGVkcc:HLF_Z9UOn6k:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=KADrxdGVkcc:HLF_Z9UOn6k:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=KADrxdGVkcc:HLF_Z9UOn6k:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=KADrxdGVkcc:HLF_Z9UOn6k:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=KADrxdGVkcc:HLF_Z9UOn6k: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/KADrxdGVkcc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/check-my-colours-come-analizzare-il-contrasto-dei-colori-di-un-sito/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/check-my-colours-come-analizzare-il-contrasto-dei-colori-di-un-sito/</feedburner:origLink></item>
		<item>
		<title>Usabilità e User Experience</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/5kXnkGQ5tSQ/</link>
		<comments>http://www.tomstardust.com/archives/usabilita-e-user-experience/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 05:00:01 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[usabilità]]></category>

		<category><![CDATA[user experience]]></category>

		<category><![CDATA[UX]]></category>

		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=811</guid>
		<description><![CDATA[L'usabilità è solo uno dei fattori che contribuiscono ad una buona esperienza di navigazione.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p><a title="User Experience - diagramma" rel="lightbox" href="http://www.tomstardust.com/wp-content/uploads/2009/06/user_experience.jpg"><img class="right size-thumbnail wp-image-814" src="http://www.tomstardust.com/wp-content/uploads/2009/06/user_experience-240x300.jpg" alt="User Experience - diagramma" width="240" height="300" /></a>Spesso si sente parlare di <strong>usabilità</strong> dei siti internet, ma le idee sulla definizione precisa si confondono e si sovrappongono, arrivando a spiegazioni anche molto diverse. In linea generale l&#8217;usabilità può essere definita come la facilità di interazione tra una persona e lo strumento che utilizza.</p>
<p>Riferendosi ad internet, il rapporto da considerare è quello tra un utente ed il sito che sta navigando.</p>
<h3>Cos&#8217;è la User Experience?</h3>
<p>Qualcuno potrebbe pensare che l&#8217;esperienza dell&#8217;utente (in inglese <em>user experience</em> o <em>UX</em>) sia la stessa cosa, ma in realtà non è così. L&#8217;usabilità è solo uno dei fattori che servono a raggiungere una buona user experience: sono poi da considerare <em>accessibilità</em>, <em>architettura delle informazioni</em>, <em>user interface design</em> ed <em>interaction design</em>.</p>
<p>L&#8217;esperienza dell&#8217;utente è il risultato della combinazione di tutti questi aspetti: riguarda emozioni, sensazioni e comportamenti, non solo l&#8217;efficienza con cui vengono raggiunti determinati obiettivi.</p>
<h3>Buona Usabilità non significa sempre buona User Experience</h3>
<p>Un sito usabile non assicura quindi sempre un riscontro positivo da parte degli utenti. Sicuramente aiuta, ma da sola l&#8217;usabilità non è sufficiente.</p>
<p>Pensate ad un blog con le categorie bene organizzate, titolo della pagina corrente ben in evidenza, menu e testi leggibili ed anche una ricerca funzionale. Sembrerebbe tutto perfetto, ma se i contenuti dei post fossero incompleti o avessero evidenti errori grammaticali?</p>
<p>I visitatori ricorderebbero molto più facilmente quest&#8217;ultimo aspetto, giudicando negativamente il sito senza altre possibilità di appello.</p>
<p>L&#8217;esperienza utente va oltre l&#8217;usabilità, perchè tiene anche conto di altri fattori:</p>
<h4>Desiderabilità</h4>
<p>Gli utenti devono avere un motivo per voler navigare il vostro sito. E&#8217; bene che sia funzionale ed efficiente, ma deve essere in grado di offrire qualcosa di più per piacere. La chiave è invogliare i visitatori a tornare.</p>
<h4>Credibilità</h4>
<p>I testi sono attendibili? Questo aspetto vale per un blog come per un sito aziendale: i messaggi devono essere credibili, e questo ovviamente implica anche la correttezza grammaticale.</p>
<h4>Personalità</h4>
<p>La personalità di un sito è importante, soprattutto per quelli aziendali: il modo di rivolgersi al visitatore deve essere studiato senza improvvisare. In questo caso sono i dettagli che contano, dai messaggi di avviso alle etichette dei menu, passando per le indicazioni delle azioni da compiere.</p>
<h4>Coerenza</h4>
<p>Il messaggio trasmesso dal sito deve essere coerente in tutte le pagine. Il modo di rivolgersi al visitatore non può cambiare tra l&#8217;homepage ed una procedura di acquisto.</p>
<h3>I vantaggi di una User Experience positiva</h3>
<p>Ottenere un feedback positivo dai visitatori è fondamentale, e per farlo è sempre bene partire da un sito usabile ed accessibile. L&#8217;importante è ricordare come questo da solo non basti per raggiungere una buona user experience. L&#8217;utente soddisfatto, a cui piace interagire con il vostro sito, tornerà più spesso e vi porterà altre visite, cosa che non succederà con tutti coloro che avranno un&#8217;esperienza negativa.</p>
<p><em>Immagine: <a title="User Experience diagram on Flickr" href="http://www.flickr.com/photos/pveugen/3182820590/">Paul Veugen</a></em></p>
<p><em><strong>Nota:</strong> questo articolo è stato ispirato da <a href="http://www.redant.co.uk/community/blogs/usability-to-the-ux/">Usability to the UX</a>, su <a title="Red Ant" href="http://www.redant.co.uk/">redant.co.uk</a>.</em></p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=5kXnkGQ5tSQ:tfdJk767kGM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=5kXnkGQ5tSQ:tfdJk767kGM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=5kXnkGQ5tSQ:tfdJk767kGM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=5kXnkGQ5tSQ:tfdJk767kGM:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=5kXnkGQ5tSQ:tfdJk767kGM: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/5kXnkGQ5tSQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/usabilita-e-user-experience/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/usabilita-e-user-experience/</feedburner:origLink></item>
		<item>
		<title>Interagire con il Database di Wordpress in php</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/LmaUJZKVhxg/</link>
		<comments>http://www.tomstardust.com/archives/interagire-con-il-database-di-wordpress-in-php/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 05:00:08 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[database]]></category>

		<category><![CDATA[php]]></category>

		<category><![CDATA[SQL]]></category>

		<category><![CDATA[wpdb]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=801</guid>
		<description><![CDATA[Come sfruttare la classe $wpdb per leggere il Database di Wordpress.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="right size-full wp-image-214" title="Wordpress Logo" src="http://www.tomstardust.com/wp-content/uploads/2008/02/wordpress_icon.jpg" alt="Wordpress Logo" width="127" height="150" />Se avete mai realizzato un tema per Wordpress, prima o poi avrete avuto la necessità di ricavare delle informazioni dal database non accessibili tramite i <a title="Template Tags - Wordpress Codex" href="http://codex.wordpress.org/Template_Tags/">template tag</a> di questo CMS. Non ci sono problemi ad ottenere il titolo del blog, di un post, l&#8217;elenco delle pagine o delle categorie esistenti, ma quando le necessità si fanno più specifiche diventa necessario scrivere qualche riga in php.</p>
<p>La realtà è molto più semplice di quello che può sembrare: esiste infatti una classe chiamata <em>$wpdb</em> che consente di andare a recuperare qualsiasi informazione dal database. Può essere sfruttata su qualsiasi tabella, anche quelle che non sono state create da Wordpress, ma ad esempio da un plugin esterno.</p>
<h3>Esempi pratici di utilizzo</h3>
<p>Volete visualizzare sulla homepage del blog <strong>il numero di utenti registrati</strong>? Vi basta aggiungere questa funzione nel file functions.php:</p>
<p><code>function userCount() {<br />
global $wpdb;<br />
$user_count = $wpdb-&gt;get_var("SELECT COUNT(*) FROM $wpdb-&gt;users;");<br />
echo $user_count;<br />
}</code></p>
<p>Dal template <em>index.php</em> basterà poi richiamare la funzione per visualizzare il risultato:</p>
<p><code>&lt;p&gt;Utenti registrati: &lt;?php userCount(); ?&gt;&lt;/p&gt;</code></p>
<p>E&#8217; possibile eseguire anche query più complesse, ad esempio per ricavare un array di elementi da stampare, come <strong>l&#8217;elenco delle bozze ancora da pubblicare</strong>:</p>
<p><code>function showDrafts() {<br />
global $wpdb;<br />
$fivesdrafts = $wpdb-&gt;get_results("SELECT ID, post_title FROM $wpdb-&gt;posts WHERE post_status = 'draft' ");<br />
foreach ($fivesdrafts as $fivesdraft) {<br />
echo '&lt;li&gt;' . $fivesdraft-&gt;post_title . '&lt;/li&gt;';<br />
}<br />
}</code></p>
<p>Da visualizzare poi così:</p>
<p><code>&lt;h3&gt;Bozze in attesa di pubblicazione:&lt;/h3&gt;<br />
&lt;ul&gt;<br />
&lt;?php showDrafts(); ?&gt;<br />
&lt;/ul&gt;</code></p>
<p>Questo strumento è interessante, perchè con un minimo di conoscenza del database e delle query possibili, qualsiasi informazione può essere estratta senza difficoltà. C&#8217;è un&#8217;ottima documentazione a disposizione <a title="Function Reference - wpdb Class" href="http://codex.wordpress.org/wpdb">sul Codex ufficiale di Wordpress</a>, di cui trovate anche <a title="Classe wpdb - Wordpress Wiki Italia" href="http://www.wordpress-it.it/wiki/Main/ClasseWPDB">la traduzione in italiano</a> su <em>wordpress-it.it</em>.</p>
<p>Tra le funzioni a disposizione della classe, potrebbe servirvi <em>$wpdb-&gt;show_errors</em>, che visualizza gli errori MYSQL. L&#8217;ho trovata molto utile in fase di debug, e se non conoscete bene la sintassi da utilizzare vi sarà di grande aiuto.</p>
<p>Il mio consiglio comunque è di fare qualche test in locale per capire le potenzialità dello strumento: non è così difficile da imparare, anche se non siete dei programmatori. Dopo aver osservato la struttura del database (ad esempio con <em>phpMyAdmin</em>) per conoscere i nomi delle tabelle e dei campi, potrete fare qualsiasi cosa.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=LmaUJZKVhxg:LcE58PBO0QE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=LmaUJZKVhxg:LcE58PBO0QE:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=LmaUJZKVhxg:LcE58PBO0QE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=LmaUJZKVhxg:LcE58PBO0QE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=LmaUJZKVhxg:LcE58PBO0QE: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/LmaUJZKVhxg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/interagire-con-il-database-di-wordpress-in-php/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/interagire-con-il-database-di-wordpress-in-php/</feedburner:origLink></item>
		<item>
		<title>Librerie JavaScript: jQuery o MooTools?</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/S14VqrOj1xQ/</link>
		<comments>http://www.tomstardust.com/archives/librerie-javascript-jquery-o-mootools/#comments</comments>
		<pubDate>Wed, 27 May 2009 05:30:15 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[javascript]]></category>

		<category><![CDATA[jquery]]></category>

		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=785</guid>
		<description><![CDATA[Una guida alla scelta della migliore libreria JavaScript per il vostro sito.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p>Il primo problema da considerare per chi vuole sfruttare le potenzialità di JavaScript è <strong>la scelta del framework</strong> a cui appoggiarsi. Le soluzioni a disposizione sono tante: spesso può anche non servire sfruttare un&#8217;intera libreria, ma per progetti complessi a volte è la scelta più conveniente.</p>
<p>Tra le varie possibilità, <a title="jQuery" href="http://www.jquery.com/"><strong>jQuery</strong></a> e <a title="Mootools" href="http://www.mootools.net/"><strong>MooTools</strong></a> sono due tra i migliori framework da considerare. Per facilitarvi, consiglio la lettura di <a title="jQuery vs Mootools: choosing between two great JavaScript frameworks" href="http://jqueryvsmootools.com/">questa pagina</a>, che vuole aiutare a trovare una risposta alla domanda: &#8220;quale scelgo?&#8221;.</p>
<h3>Le caratteristiche dei due framework</h3>
<h4>jQuery - <a title="jQuery" href="http://www.jquery.com/">sito ufficiale</a></h4>
<ul>
<li>dimensione della libreria (solo Core): 55.9kb</li>
<li>centinaia di plugin disponibili su <a title="I plugin di jQuery" href="http://plugins.jquery.com/">plugins.jquery.com</a>, più innumerevoli altri disponibili in rete<a title="I plugin di jQuery" href="http://plugins.jquery.com/"><br />
</a></li>
<li>community diffusa e molto frequentata</li>
<li>facilità di apprendimento</li>
</ul>
<h4>MooTools - <a title="Mootools" href="http://www.mootools.net/">sito ufficiale</a></h4>
<ul>
<li>dimensione della libreria (solo Core): 64.3kb</li>
<li>qualche decina di plugin ufficiali su <a title="I plugin di MooTools" href="http://mootools.net/more">mootools.net/more</a>, più altri non ufficiali (meno rispetto a jQuery) disponibili in rete<a title="I plugin di MooTools" href="http://mootools.net/more"><br />
</a></li>
<li>miglior mantenibilità del codice</li>
<li>facilità di riutilizzo</li>
</ul>
<h3>Quale utilizzare?</h3>
<p>La scelta può essere sintetizzata in una frase:</p>
<blockquote><p>jQuery focuses on expressiveness, quick and easy coding, and the DOM while MooTools focuses on extension, inheritance, legibility, reuse, and maintainability.</p></blockquote>
<p>E&#8217; questa la giusta chiave di lettura per iniziare a lavorare con uno dei due framework. <em>jQuery</em> è probabilmente più facile da imparare ed è semplice da gestire, ma potrebbe presentare qualche problema di troppo per il riutilizzo del codice ed il suo mantenimento. <em>MooTools</em> ha meno difficoltà da questo punto di vista, ma è più complesso da imparare.</p>
<h3>Alcuni esempi pratici</h3>
<p>Per avere un&#8217;idea non solo teorica dei due framework, questi sono alcuni siti che utilizzano l&#8217;uno o l&#8217;altro. Sono presenti slider, carousel, accordion e menu con navigazione a tab: i risultati sono in ogni caso ottimi.</p>
<h4><a title="Web Designer Wall" href="http://www.webdesignerwall.com/">Web Designer Wall</a> - jQuery</h4>
<p><a href="http://www.webdesignerwall.com/"><img class="alignnone size-full wp-image-793" title="Web Designer Wall" src="http://www.tomstardust.com/wp-content/uploads/2009/05/web-designer-wall.jpg" alt="Web Designer Wall" width="475" height="50" /></a></p>
<h4><a title="Marius Roosendaal Portfolio" href="http://www.mariusroosendaal.com/">Marius Roosendaal</a> - Mootools</h4>
<p><a href="http://www.mariusroosendaal.com/"><img class="alignnone size-full wp-image-794" title="Marius Roosendaal" src="http://www.tomstardust.com/wp-content/uploads/2009/05/marius-roosendaal.jpg" alt="Marius Roosendaal" width="475" height="50" /></a></p>
<h4><a title="Viget Labs" href="http://www.viget.com/">Viget Labs</a> - jQuery</h4>
<p><a href="http://www.viget.com/"><img class="alignnone size-full wp-image-795" title="Viget Labs" src="http://www.tomstardust.com/wp-content/uploads/2009/05/viget-labs.jpg" alt="Viget Labs" width="475" height="50" /></a></p>
<h4><a title="Vimeo" href="http://vimeo.com/">Vimeo</a> - Mootools</h4>
<p><a href="http://vimeo.com/"><img class="alignnone size-full wp-image-796" title="Vimeo" src="http://www.tomstardust.com/wp-content/uploads/2009/05/vimeo.jpg" alt="Vimeo" width="475" height="50" /></a></p>
<h4><a title="Komodo Media" href="http://www.komodomedia.com/">Komodo Media</a> - jQuery</h4>
<p><a href="http://www.komodomedia.com/"><img class="alignnone size-full wp-image-797" title="Komodo Media" src="http://www.tomstardust.com/wp-content/uploads/2009/05/komodo-media.jpg" alt="Komodo Media" width="475" height="50" /></a></p>
<h4><a title="Macheist" href="http://www.macheist.com/">Macheist</a> - Mootools</h4>
<p><a href="http://www.macheist.com/"><img class="alignnone size-full wp-image-798" title="Macheist" src="http://www.tomstardust.com/wp-content/uploads/2009/05/macheist.jpg" alt="Macheist" width="475" height="50" /></a></p>
<p>Per quanto mi riguarda su <em>tomstardust.com</em> utilizzo <em>MooTools</em>, ma per altri progetti ho sfruttato anche <em>jQuery</em>, soprattutto per i numerosi plugin a disposizione. Sono entrambe due ottime librerie: a questo punto la scelta dipende solo dalle vostre necessità.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=S14VqrOj1xQ:4kJ2XsgfHuc:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=S14VqrOj1xQ:4kJ2XsgfHuc:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=S14VqrOj1xQ:4kJ2XsgfHuc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=S14VqrOj1xQ:4kJ2XsgfHuc:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=S14VqrOj1xQ:4kJ2XsgfHuc: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/S14VqrOj1xQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/librerie-javascript-jquery-o-mootools/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/librerie-javascript-jquery-o-mootools/</feedburner:origLink></item>
		<item>
		<title>WordCamp 2009: il resoconto</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/oiv6of49w2Y/</link>
		<comments>http://www.tomstardust.com/archives/wordcamp-2009-il-resoconto/#comments</comments>
		<pubDate>Sun, 24 May 2009 17:21:25 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[web design]]></category>

		<category><![CDATA[Andy Peatling]]></category>

		<category><![CDATA[barcamp]]></category>

		<category><![CDATA[BuddyPress]]></category>

		<category><![CDATA[iwordcamp]]></category>

		<category><![CDATA[wordcamp]]></category>

		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=780</guid>
		<description><![CDATA[La cronaca del secondo BarCamp italiano dedicato a Wordpress.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p><a class="right" title="WordCamp 2009 by TomStardust, on Flickr" href="http://www.flickr.com/photos/tomstardust/3559274921/"><img src="http://farm4.static.flickr.com/3323/3559274921_7da4e63e47_m.jpg" alt="WordCamp 2009" width="240" height="159" /></a>Sono appena rientrato dal <strong>secondo WordCamp italiano</strong>, che  anche quest&#8217;anno si è rivelato un bell&#8217;evento. Un ospite importante, alcuni bei talk, ma soprattutto in questi incontri il vero valore aggiunto è rappresentato dalle conoscenze che si fanno: essere a contatto diretto con altri blogger e lavoratori del settore è un ottimo modo per approfondire i rapporti, e socializzare molto più facilmente che da dietro ad uno schermo.</p>
<p>Parlando di <strong>Wordpress</strong>, la presenza più importante di questo BarCamp era senza dubbio quella di <strong>Andy Peatling</strong>, l&#8217;autore di <a title="BuddyPress" href="http://buddypress.org/"><strong>BuddyPress</strong></a>. Si tratta di una vera e propria suite di plugin e temi che permettono di trasformare una qualsiasi installazione di <a title="Wordpress MU - Sito ufficiale" href="http://mu.wordpress.org/">Wordpress MU</a> in una community, con tutte le sue funzioni più importanti. Profili estesi degli utenti, messaggi diretti, amicizie, gruppi, forum: tutto ciò può essere implementato senza troppe difficoltà, con molta più libertà di gestione rispetto ad altri sistemi (ad esempio appoggiandosi a piattaforme esterne come <a title="Ning - Crea il tuo social network personale" href="http://www.ning.com/">Ning</a>).</p>
<p>Vista la natura del progetto, è logico che sia una suite dedicata a Wordpress MU piuttosto che ad una singola installazione di Wordpress, ma lo stesso <a title="Wolly's WeBlog" href="http://www.paolo.valenti.name/">Wolly</a> (che ringrazio ancora per aver organizzato il WordCamp) mi ha confermato che con qualche hack non è impossibile adattare BuddyPress anche ad un ambito più ristretto.</p>
<p>Per il resto, devo riconoscere che tra <strong>i talk in programma</strong> nella giornata di Sabato (il Venerdì non ero presente), avrei apprezzato qualche approfondimento tecnico in più su Wordpress. Da questo punto di vista mi era piaciuto di più il WordCamp 2008: erano numerose le presentazioni sull&#8217;ottimizzazione della piattaforma e su come sfruttarla al meglio. Si è parlato di OpenOffice e della sua integrazione con Wordpress, dell&#8217;esperienza della Fiat su internet, del manifesto di Marco Massarotto per le aziende che vogliono affacciarsi in rete, ma ho sentito comunque la mancanza di qualcosa.</p>
<p>Trovate alcune foto dell&#8217;evento sul mio account Flickr, <a title="iWordCamp 2009 su Flickr" href="http://www.flickr.com/photos/tomstardust/sets/72157618637233971/">nel set dedicato</a>. Mi ha fatto molto piacere rivedere <a title="30 seconds to Tambu" href="http://blog.tambuweb.it/">Tambu</a> e conoscere <a title="Il blog di Francesco Gavello" href="http://francescogavello.it/">Francesco Gavello</a>, che ha confermato tutte le buone impressioni che avevo avuto su di lui e sono sicuro continuerà a far parlare di sè con il suo blog. Interessanti anche i discorsi fatti con <a title="JuliusDesign.net" href="http://www.juliusdesign.net/">Julius</a> su <a title="BlogMagazine" href="http://www.blogmagazine.net/">BlogMagazine</a>, che partito da zero sta avendo sempre più riconoscimenti: io stesso ero scettico sulle possibilità dell&#8217;iniziativa, ma vi consiglio di tenere d&#8217;occhio quello che succederà nei prossimi mesi, potreste rimanere sorpresi. Un applauso anche a <a title="Il blog di Luca Sartoni" href="http://www.lucasartoni.com/">Luca Sartoni</a> per la bella presentazione (&#8221;WFT? Non funziona!&#8221;).</p>
<p>A questo punto il prossimo anno non avete scuse: se questo resoconto vi ha incuriosito, vi sarebbe sicuramente piaciuto essere presenti. Per il futuro sarà interessante vedere se si riusciranno ad organizzare <strong>WordCamp locali</strong> nelle varie città italiane, come auspicato anche dagli organizzatori. Sarebbe una bella occasione per coinvolgere tutte coloro che non hanno voglia di spostarsi, ma che possono dare il loro contributo alla causa di Wordpress.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=oiv6of49w2Y:h1GpBkiwShU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=oiv6of49w2Y:h1GpBkiwShU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=oiv6of49w2Y:h1GpBkiwShU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=oiv6of49w2Y:h1GpBkiwShU:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=oiv6of49w2Y:h1GpBkiwShU: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/oiv6of49w2Y" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/wordcamp-2009-il-resoconto/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/wordcamp-2009-il-resoconto/</feedburner:origLink></item>
		<item>
		<title>Selettori adiacenti con i CSS</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/OZhEWBdViNE/</link>
		<comments>http://www.tomstardust.com/archives/selettori-adiacenti-con-i-css/#comments</comments>
		<pubDate>Mon, 18 May 2009 05:00:26 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[css]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[selettori adiacenti]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=769</guid>
		<description><![CDATA[E' il momento di sperimentare nuove proprietà dei fogli di stile.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p>I <strong>selettori adiacenti</strong> sono una funzionalità dei <em>CSS</em> spesso ignorata, ma dalle grandi potenzialità. Con una semplice dichiarazione infatti è possibile identificare l&#8217;elemento immediatamente vicino (quindi adiacente) ad un altro. Ad esempio con</p>
<p><code>div + p {<br />
color: #a00;<br />
}</code></p>
<p>è possibile assegnare delle proprietà al primo paragrafo contenuto in un <em>div</em>, paragrafo che in questo caso diventerà rosso.</p>
<p>Niente <em>classi</em> o<em> id</em>, è possibile gestire tutto tramite CSS senza bisogno di appesantire il codice HTML. L&#8217;altra buona notizia è che questo tipo di selettore funziona su tutti i principali browser, escluso ovviamente Internet Explorer 6. Firefox, Explorer 7, Safari, Opera e Chrome la supportano senza problemi.</p>
<p>E&#8217; tempo quindi di sperimentare ed iniziare ad utilizzarli, anche come <em>progressive enhancement</em>, per offrire ai visitatori con un browser recente una migliore esperienza di navigazione.</p>
<p>Se volete vedere un esempio pratico, ho fatto il mio primo esperimento con i selettori adiacenti <a title="Il footer del mio blog personale" href="http://www.tomstardustdiary.com/#footer">nel footer di TomStardust Diary</a>:</p>
<p><a title="Il footer di TomStardust Diary" href="http://www.tomstardustdiary.com/#footer"><img class="alignnone size-full wp-image-773" src="http://www.tomstardust.com/wp-content/uploads/2009/05/footer-tomstardust-diary.png" alt="Il footer di TomStardust Diary" width="329" height="232" /></a></p>
<p>Questo post è nato da <a title="Discussione sui selettori adiacenti - Friendfeed" href="http://friendfeed.com/sid05/7296a5e3/ci-chiedevamo-tra-perditempo-come-avesse-fatto">una discussione su Friendfeed</a>: una chiara dimostrazione dell&#8217;utilità dei social networks. C&#8217;è ancora qualcuno che ne dubita?</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=OZhEWBdViNE:12Y8x5P52Eg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=OZhEWBdViNE:12Y8x5P52Eg:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=OZhEWBdViNE:12Y8x5P52Eg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=OZhEWBdViNE:12Y8x5P52Eg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=OZhEWBdViNE:12Y8x5P52Eg: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/OZhEWBdViNE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/selettori-adiacenti-con-i-css/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/selettori-adiacenti-con-i-css/</feedburner:origLink></item>
		<item>
		<title>WordCamp italiano in arrivo</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/_KMUY-ALL0A/</link>
		<comments>http://www.tomstardust.com/archives/wordcamp-italiano-in-arrivo/#comments</comments>
		<pubDate>Fri, 15 May 2009 05:00:15 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[barcamp]]></category>

		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[iwordcamp]]></category>

		<category><![CDATA[wordcamp]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=776</guid>
		<description><![CDATA[Si terrà Venerdì 22 e Sabato 23 Maggio a Milano il secondo BarCamp su Wordpress.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="right size-full wp-image-777" src="http://www.tomstardust.com/wp-content/uploads/2009/05/wordcamp-logo.jpg" alt="Il logo del WordCamp" width="229" height="152" />Questo post è per segnalare che la prossima settimana ci sarà a Milano <a title="Il sito del WordCamp italiano" href="http://www.wordcamp.it/">il secondo <strong>WordCamp</strong> italiano</a>: un appuntamento da non perdere per tutti gli appassionati di <a title="Wordpress.org - sito ufficiale" href="http://wordpress.org/">Wordpress</a>.</p>
<p>L&#8217;anno scorso ero presente (potete leggere il resoconto <a title="iWordCamp con Matt: il resoconto" href="http://www.tomstardust.com/archives/iwordcamp-con-matt-il-resoconto/">in questo post</a>), ed è stata una bella occasione per conoscere molte persone con i miei stessi interessi. Anche quest&#8217;anno non mancherò, ma ci sarò solamente nella giornata di Sabato. Qualcuno di voi ha in programma di venire?</p>
<p>Se volete partecipare potete registrarvi <a title="Il sito del WordCamp italiano" href="http://www.wordcamp.it/">sul sito ufficiale</a>: confermate la vostra presenza e ricordatevi di stampare il vostro badge, sarà più facile riconoscersi.</p>
<p>Chi invece resterà a casa potrà sicuramente leggere ampi resoconti nei giorni successivi all&#8217;evento, anche su questo blog. Per gli aggiornamenti in tempo reale invece Twitter rimane lo strumento migliore: potete seguire <a title="TomStardust su Twitter" href="http://twitter.com/tomstardust">il mio account</a>, e probabilmente riuscirete anche a trovare dei <a title="Ricerca del termine #wordcamp su Twitter" href="http://search.twitter.com/search?q=%23wordcamp">risultati di ricerca aggiornati</a> con l&#8217;hashtag <em>#wordcamp</em>.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=_KMUY-ALL0A:ZsJDtqlwEqQ:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=_KMUY-ALL0A:ZsJDtqlwEqQ:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=_KMUY-ALL0A:ZsJDtqlwEqQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=_KMUY-ALL0A:ZsJDtqlwEqQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=_KMUY-ALL0A:ZsJDtqlwEqQ: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/_KMUY-ALL0A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/wordcamp-italiano-in-arrivo/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/wordcamp-italiano-in-arrivo/</feedburner:origLink></item>
		<item>
		<title>E-book reader: se il rivale di Kindle fosse Apple Media Pad?</title>
		<link>http://feedproxy.google.com/~r/tomstardust/~3/PbnzaF7GG4k/</link>
		<comments>http://www.tomstardust.com/archives/e-book-reader-se-il-rivale-di-kindle-fosse-apple-media-pad/#comments</comments>
		<pubDate>Mon, 11 May 2009 05:00:58 +0000</pubDate>
		<dc:creator>Tom</dc:creator>
		
		<category><![CDATA[apple]]></category>

		<category><![CDATA[hardware]]></category>

		<category><![CDATA[Amazon]]></category>

		<category><![CDATA[Apple Media Pad]]></category>

		<category><![CDATA[e-book]]></category>

		<category><![CDATA[e-book reader]]></category>

		<category><![CDATA[ebook]]></category>

		<category><![CDATA[ebook reader]]></category>

		<category><![CDATA[Kindle]]></category>

		<guid isPermaLink="false">http://www.tomstardust.com/?p=760</guid>
		<description><![CDATA[Una riflessione sul nuovo lettore di e-book di Amazon: Apple potrebbe entrare in questo mercato.<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-762 aligncenter" title="Il Kindle DX di Amazon" src="http://www.tomstardust.com/wp-content/uploads/2009/05/kindle-dx-amazon.jpg" alt="Il Kindle DX di Amazon" width="450" height="257" /></p>
<p>Il settore degli <strong>e-book reader</strong> si sta facendo strada, soprattutto in America dove regna incontrastato <em>Kindle</em> di Amazon. Notizia di questi giorni è il lancio del nuovo <a title="Kindle DX su Amazon" href="http://www.amazon.com/Kindle-DX-Amazons-Wireless-Generation/dp/B0015TCML0/"><strong>Kindle DX</strong></a>, lettore di e-book dal grande schermo (9,7&#8243;), che mantiene l&#8217;ottima leggibilità ed autonomia del suo predecessore per un prezzo più alto: 490$ (circa 370€, più le solite tasse).</p>
<p>Un prezzo del genere è ancora troppo elevato, ma è lecito riconoscere come questi supporti si stiano avviando verso la strada giusta. Ovviamente ci sono ancora dei difetti di gioventù, ma è il prezzo da pagare per uno strumento totalmente nuovo, che deve ancora trovare la sua giusta collocazione.</p>
<p>Trovo che un e-book reader possa essere comodissimo in alcune circostanze, come nella consultazione dei manuali di <a title="Dungeons &amp; Dragons - Wikipedia" href="http://it.wikipedia.org/wiki/Dungeons_&amp;_Dragons">D&amp;D</a> in <em>.pdf</em> durante una partita. Parlo per esperienza personale: invece di doversi districare tra almeno 2-3 tomi di centinaia di pagine dal peso non indifferente, sarebbe fantastico avere tutto in 10 pollici. Lo stesso discorso vale per la didattica. Sono invece ancora scettico per la lettura di interi romanzi, che costano ancora troppo in formato digitale, e soprattutto non potrei fare a meno della sensazione della carta e del profumo di un libro appena acquistato.</p>
<p>In questo contesto, riconoscendo l&#8217;impresa di Amazon che sta aprendo la strada, la mancanza più grave del Kindle DX è <strong>il display touchscreen</strong>. Il gesto più intuitivo che possa esistere su un e-book reader è lo sfogliare pagina, e non posso pensare modo migliore di implementarlo di una <em>gesture</em> stile iPhone, scorrendo le dita da destra a sinistra dello schermo. Mi stavo già rassegnando a considerarla come una fantasia, quando ho trovato diverse voci a supporto di una nuova idea: un lettore di e-book made in Apple.</p>
<h3>Il possibile rivale: Apple Media Pad</h3>
<p>I primi indizi risalgono a Marzo 2009: da <a title="Reuters' source confirms Apple 10-inch touchscreen order" href="http://gizmodo.com/5167934/reuters-source-confirms-apple-10+inch-touchscreen-order-for-third-quarter">Gizmodo</a> ad <a title="Apple orders 10-inch touchscreens for mistery product" href="http://www.appleinsider.com/articles/09/03/11/apple_orders_10_inch_touchscreens_for_mystery_product.html">Appleinsider</a>, molti hanno riportato <a title="Apple orders 10-inch touchscreens for third quarter" href="http://www.reuters.com/article/technologyNews/idUSTRE52A0RH20090311">una notizia della Reuters</a> che parlava di un ordine Apple per numerosi display da 10 pollici. Tutti hanno iniziato a pensare ad un futuro netbook, la moda del momento.</p>
<p>Ma se un display del genere, curiosamente delle stesse dimensioni del <em>Kindle DX</em>, servisse per un e-book reader, magari con touchscreen?</p>
<p>Ed ecco la novità: pochi giorni fa <a title="Apple's Media Pad target Kindle's ebook market" href="http://www.siliconrepublic.com/news/article/12839/digital-life/apples-media-pad-to-target-kindles-ebook-market">qualcuno ha iniziato a parlare</a> di un fantomatico <strong>Apple Media Pad</strong> per entrare nel settore di mercato dominato da <em>Kindle</em>. Tralasciando l&#8217;ipotetico nome di fantasia, è una teoria più valida di quello che potrebbe sembrare a prima vista. La Apple ha a disposizione la tecnologia per un ottimo touchscreen (vedi iPhone e iPod Touch): implementata su uno strumento con finalità diverse dall&#8217;iPhone potrebbe fare realmente la differenza.</p>
<p>Questo giustificherebbe anche le continue smentite di un futuro Netbook made in Apple: non è quello il mercato che interessa all&#8217;azienda di Cupertino.</p>
<p>La questione però non è così semplice, perchè c&#8217;è <a title="The passion of Steve Jobs" href="http://bits.blogs.nytimes.com/2008/01/15/the-passion-of-steve-jobs/">un&#8217;intervista di Steve Jobs</a> al New York Times di qualche mese fa, dove viene messa in discussione l&#8217;utilità di Kindle:</p>
<blockquote><p>It doesn’t matter how good or bad the product is, the fact is that people don’t read anymore. Forty percent of the people in the U.S. read one book or less last year. The whole conception is flawed at the top because people don’t read anymore.</p></blockquote>
<p>E&#8217; possibile quindi immaginare un prodotto Apple con più funzioni, schermo a colori ed obiettivi diversi rispetto al Kindle, come il gaming. In questo modo si avrebbero oggetti differenti per mercati diversi: solo quello di Amazon sarebbe un e-book reader, mentre la Apple andrebbe ad occupare altri settori, dando comunque agli utenti la possibilità di leggere documenti su un supporto portatile dal grande display.</p>
<p>Resta da attendere l&#8217;evoluzione della vicenda: oggetti di questo genere avranno comunque bisogno di tempo per affermarsi e migliorare le loro caratteristiche. Considerando che stiamo parlando di un mercato nato da poco, anche il prezzo iniziale sarà elevato. Il futuro si rivela comunque interessante, anche se i fan dei romanzi cartacei possono stare tranquilli: sicuramente non spariranno in fretta.</p>
<p><div style="padding: 10px; background: #ff6; border: 1px solid #fd3; margin: 10px 0; color: #000;">Vuoi 2Gb per il backup e la condivisione dei tuoi files? Registrati su <a href="https://www.getdropbox.com/referrals/NTIwNzgwMDk">Dropbox</a>, se usi questo link ottieni 250Mb extra (e li regali anche a me :) )</div></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/tomstardust?a=PbnzaF7GG4k:bF4GTZ_XtKI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=PbnzaF7GG4k:bF4GTZ_XtKI:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=PbnzaF7GG4k:bF4GTZ_XtKI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/tomstardust?i=PbnzaF7GG4k:bF4GTZ_XtKI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/tomstardust?a=PbnzaF7GG4k:bF4GTZ_XtKI: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/PbnzaF7GG4k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tomstardust.com/archives/e-book-reader-se-il-rivale-di-kindle-fosse-apple-media-pad/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.tomstardust.com/archives/e-book-reader-se-il-rivale-di-kindle-fosse-apple-media-pad/</feedburner:origLink></item>
	</channel>
</rss>
