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

<channel>
	<title>jquery &#8211; paologironi blog</title>
	<atom:link href="https://www.gironi.it/blog/tag/jquery-it/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.gironi.it/blog</link>
	<description>Appunti sparsi di (retro) informatica, analisi dei dati, statistica, seo, e cose che cambiano</description>
	<lastBuildDate>Fri, 20 Sep 2024 13:10:31 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Modelli di interfaccia utente: Mark Boulton</title>
		<link>https://www.gironi.it/blog/modelli-di-interfaccia-utente-mark-boulton/</link>
					<comments>https://www.gironi.it/blog/modelli-di-interfaccia-utente-mark-boulton/#respond</comments>
		
		<dc:creator><![CDATA[paolo]]></dc:creator>
		<pubDate>Wed, 18 Jan 2012 14:47:39 +0000</pubDate>
				<category><![CDATA[sviluppo web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[usability]]></category>
		<guid isPermaLink="false">http://gironi.it/blog/?p=185</guid>

					<description><![CDATA[Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del sito di Mark Boulton. Questo, al fine di considerarne la possibile implementazione sul suo nuovo sito. In pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti &#8230; <a href="https://www.gironi.it/blog/modelli-di-interfaccia-utente-mark-boulton/" class="more-link">Leggi tutto<span class="screen-reader-text"> "Modelli di interfaccia utente: Mark Boulton"</span></a>]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" class="alignleft size-full wp-image-313" alt="handy-icon_06" src="http://gironi.it/blog/wp-content/uploads/2012/01/handy-icon_06.png" width="129" height="127">Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del <a href="http://www.markboulton.co.uk/" target="_blank" rel="noopener">sito di Mark Boulton</a>. Questo, al fine di considerarne la possibile implementazione sul <a href="http://www.davidnicholson.it/" target="_blank" rel="noopener">suo nuovo sito</a>.<br />
In pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti i link presenti nell&#8217;area in questione, fino a quel momento indistinguibili dal normale testo, &#8220;acquistano&#8221; il colore verde. Se passo sopra ogni singolo link, il mouseover è evidenziato dalla sottolineatura.<br />
Personalmente, non ricordo di aver visto in altri siti una soluzione di questo tipo. Per riprodurla al volo ho usato jquery, controllando l&#8217;evento hover dell&#8217;area compresa in un dato div e cambiando il colore del link di conseguenza. (4 righe di css e 6 righe di jquery in tutto, almeno nella mia versione di test). Problemi con i dispositivi mobili, aggravio di peso: ne vale la pena? L&#8217;impatto sulla chiarezza della fruizione è realmente positivo? Ci penso su.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.gironi.it/blog/modelli-di-interfaccia-utente-mark-boulton/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
