<?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>Informatica Friuli &#187; Web Design</title>
	<atom:link href="http://www.informaticafriuli.com/category/web-friuli/webdesign-informatica-friuli/feed" rel="self" type="application/rss+xml" />
	<link>http://www.informaticafriuli.com</link>
	<description>Web, comunicazione, tecnologia, libertà  digitale... chiavi in mano</description>
	<lastBuildDate>Wed, 25 May 2011 18:13:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Favicon: dettaglio insignificante o rifinitura?</title>
		<link>http://www.informaticafriuli.com/1405/web-friuli/webdesign-informatica-friuli/favicon-dettaglio-insignificante-o-rifinitura.html</link>
		<comments>http://www.informaticafriuli.com/1405/web-friuli/webdesign-informatica-friuli/favicon-dettaglio-insignificante-o-rifinitura.html#comments</comments>
		<pubDate>Tue, 01 Dec 2009 15:37:15 +0000</pubDate>
		<dc:creator>miriamc</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[crazione favicon]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[icona indirizzo web]]></category>
		<category><![CDATA[icona sito]]></category>
		<category><![CDATA[immagine icona web]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1405</guid>
		<description><![CDATA[La Favicon è una miniatura di un’immagine &#8211; spesso un logo &#8211; che caratterizza un sito internet. Questa “immaginetta”, se presente, viene visualizzata nella barra degli indirizzi di un browser (Explorer, Firefox, Opera, Safari&#8230; supportano questo tag), alla sinistra dell&#8217;URL, e rimane memorizzata nel menù dei preferiti quando salviamo un indirizzo . E’ un’iconcina che [...]]]></description>
			<content:encoded><![CDATA[<p>La Favicon è una miniatura di un’immagine &#8211; spesso un logo &#8211; che caratterizza un sito internet. Questa “immaginetta”, se presente, viene visualizzata nella barra degli indirizzi di un browser (Explorer, Firefox,  Opera,  Safari&#8230; supportano questo tag), alla sinistra dell&#8217;URL, e rimane memorizzata nel menù dei preferiti quando salviamo un indirizzo . E’ un’iconcina che può farci trovare subito quel che cerchiamo in mezzo ad un infinito elenco.</p>
<p>Il mio fine è farvi riflettere sull’importanza che può avere la Favicon in un progetto di sito web curato in ogni particolare. Beh questo dettaglio può essere visto dal cliente come un valore aggiunto!!</p>
<p><strong>I tempi per realizzarlo?</strong></p>
<p>Dai dieci minuti alla mezz’oretta, dipende dalla complessità dell’immagine che volete creare.</p>
<p><strong>Come realizzare una favicon???</strong></p>
<p>Ci sono diverse strade che potete prendere. In ogni caso si parte da Photoshop, dove dovrete salvare l’immagine del vostro logo in un formato PSD o JPG (dipende da quale programma utilizzerete in seguito) delle dimensioni di 16&#215;16 pixel.?Una volta pronta la mini immaginetta potrete recarvi in questo sito internet  http://www.genfavicon.com/  e caricare il file. Seguite la procedura per salvare la vostra favicon.ico (si dovrà proprio chiamare cosi!)??.</p>
<p>Una volta fatto questo il resto è una banalità:</p>
<ul>
<li>inserite il file .ico nella root del sito (nel punto in cui si trova la index del vostro sito)</li>
<li>inserite questo tag nella sezione head dei vostri file HTML:
<ul>
<li>&lt;link rel=&#8221;icon&#8221; href=&#8221;http:///favicon.ico&#8221; /&gt;</li>
</ul>
</li>
</ul>
<p>Ricordatevi che esistono anche dei software ideati per generare e ritoccare delle favicon, cito Microangelo, uno dei più semplici ed intuitivi, per averlo sempre a portata di mano sul vostro computer!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1405/web-friuli/webdesign-informatica-friuli/favicon-dettaglio-insignificante-o-rifinitura.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>EBook 3 Consigli Su Come Personalizzare WordPress</title>
		<link>http://www.informaticafriuli.com/1369/web-friuli/webdesign-informatica-friuli/ebook-3-consigli-su-come-personalizzare-wordpress.html</link>
		<comments>http://www.informaticafriuli.com/1369/web-friuli/webdesign-informatica-friuli/ebook-3-consigli-su-come-personalizzare-wordpress.html#comments</comments>
		<pubDate>Thu, 27 Aug 2009 18:56:42 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[ebook blog]]></category>
		<category><![CDATA[ebook esempi]]></category>
		<category><![CDATA[ebook friuli]]></category>
		<category><![CDATA[ebook grafica]]></category>
		<category><![CDATA[ebook template]]></category>
		<category><![CDATA[ebook wordpress]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1369</guid>
		<description><![CDATA[Questo ebook è il primo pubblicato da Informatica Friuli dedicato alla personalizzazione di certi aspetti dei template per WordPress. Questo ebook non deve dare grosse aspettative poichè fornisce solo alcuni spunti di riflessione attraverso 3 esempi dedicati a dare originalità al tema grafico di WordPress, esempi che sono frutto di un&#8217; esperienza personale del sottoscritto [...]]]></description>
			<content:encoded><![CDATA[<p>Questo ebook è il primo pubblicato da <strong>Informatica Friuli</strong> dedicato alla personalizzazione di certi aspetti dei <a title="Come personalizzare theme WordPress" href="http://www.informaticafriuli.com/?s=template+wordpress">template per WordPress</a>.</p>
<p>Questo ebook non deve dare grosse aspettative poichè fornisce solo alcuni spunti di riflessione attraverso <strong>3 esempi dedicati a dare originalità al tema grafico di WordPress</strong>, esempi che sono frutto di un&#8217; esperienza personale del sottoscritto e soluzioni adottate in parte per <strong>Informatica Friuli</strong> ed anche per altri blog che gestisco.</p>
<div id="attachment_1374" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.informaticafriuli.com/wp-content/uploads/2009/08/Personalizzare_il_mio_blog.jpg" rel="lightbox"><img class="size-medium wp-image-1374" title="ebook Personalizzare il mio blog - Informatica Friuli" src="http://www.informaticafriuli.com/wp-content/uploads/2009/08/Personalizzare_il_mio_blog-450x636.jpg" alt="Personalizzare il mio blog - Informatica Friuli" width="450" height="636" /></a><p class="wp-caption-text">Personalizzare il mio blog - Informatica Friuli</p></div>
<p>L&#8217; obiettivo vero della pubblicazione di questo ebook è soprattutto perchè voglio testare di persona quanta influenza può avere sui lettori già fidelizzati di un blog, pubblicare materiale alternativo ai semplici post sul blog, vorrei cercare di studiare se c&#8217;è possibilità di poter allargare il numero di utenti fidelizzati.</p>
<p>Il test che porterò avanti ed l&#8217; analisi dei dati che raccoglierò saranno fonte di un post dedicato a fornirti un caso studio sui pro e contro per la stesura e la pubblicazione di un ebook.</p>
<h2>Indice</h2>
<ol>
<li>
<p style="margin-bottom: 0cm;"><span style="color: #800000;"><span style="font-size: large;">Premessa</span></span></p>
<p style="margin-bottom: 0cm;"><span style="color: #b3b3b3;"><span style="font-size: medium;">Presentazione 	dell&#8217; autore e dell&#8217; ebook IF</span></span></p>
</li>
<li>
<p style="margin-bottom: 0cm;"><span style="color: #7e0021;"><span style="font-size: large;">Personalizzare 	i contenuti standard nel template.</span></span></p>
<p style="margin-bottom: 0cm;"><span style="color: #b3b3b3;"><span style="font-size: medium;">WordPress 	ed i campi personalizzati</span></span></p>
</li>
<li>
<p style="margin-bottom: 0cm;"><span style="color: #7e0021;"><span style="font-size: large;">Mettiamoci 	la faccia!</span></span></p>
<p style="margin-bottom: 0cm;"><span style="color: #b3b3b3;"><span style="font-size: medium;">Come 	inserire il nostro avatar nel template di WordPress</span></span></p>
</li>
<li>
<p style="margin-bottom: 0cm;"><span style="color: #7e0021;"><span style="font-size: large;">Come 	ottimizzare la visibilità dei nostri post su Google.</span></span></p>
<p style="margin-bottom: 0cm;"><span style="color: #b3b3b3;"><span style="font-size: medium;">Ottimizzare 	la struttura dei link WordPress per l&#8217; indicizzazione su Google</span></span></p>
</li>
</ol>
Note: There is a file embedded within this post, please visit this post to download the file.
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1369/web-friuli/webdesign-informatica-friuli/ebook-3-consigli-su-come-personalizzare-wordpress.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Designers Network Su Facebook</title>
		<link>http://www.informaticafriuli.com/1292/web-friuli/webdesign-informatica-friuli/web-designers-network-su-facebook.html</link>
		<comments>http://www.informaticafriuli.com/1292/web-friuli/webdesign-informatica-friuli/web-designers-network-su-facebook.html#comments</comments>
		<pubDate>Wed, 19 Aug 2009 10:24:39 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[facebook designer]]></category>
		<category><![CDATA[grafica web]]></category>
		<category><![CDATA[social network]]></category>
		<category><![CDATA[social network web designer]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1292</guid>
		<description><![CDATA[Segnalo con piacere la nascita di un nuovo gruppo su Facebook dedicato ai web designer: un gruppo come punto di riferimento per fare network, con la possibilità di trovare nuovi potenziali contatti e collaborazioni. L&#8217; idea è nata da Antonio Fullone che ringrazio perchè tempo fa mi ha invitato a registrarmi a Web Designers Network. [...]]]></description>
			<content:encoded><![CDATA[<p><em>Segnalo con piacere la nascita di un nuovo gruppo su Facebook dedicato ai <strong>web designer</strong>: un gruppo come punto di riferimento per fare network, con la possibilità di trovare nuovi potenziali contatti e collaborazioni.</em></p>
<p><em> </em></p>
<div id="attachment_1297" class="wp-caption aligncenter" style="width: 460px"><em><em><img class="size-medium wp-image-1297" title="Web Designers Network" src="http://www.informaticafriuli.com/wp-content/uploads/2009/08/globalnetwork-450x337.jpg" alt="Web Designers Network" width="450" height="337" /></em></em><p class="wp-caption-text">Web Designers Network</p></div>
<p><em> </em></p>
<p><em> </em></p>
<p><em> </em></p>
<p>L&#8217; idea è nata da <a title="Web Designer" href="http://www.facebook.com/Antonio.Fullone"><strong>Antonio Fullone</strong></a> che ringrazio perchè tempo fa mi ha invitato a registrarmi a <a title="Network Creatività e Design online" href="http://www.facebook.com/group.php?gid=112721168430">Web Designers Network</a>.</p>
<p>Il gruppo in se, come tutti i social network in generale, mettono a disposizione il potenziale, i mezzi per poter semplificare e velocizzare la comunicazione tra persone: il potenziale secondo me è tutto, poi chiaramente bisogna imparare a coltivarlo.</p>
<p>Direi che un gruppo come <strong>Web Designers Network</strong> si prospetta bene come potenziale: è un gruppo non solamente per i professionisti a livello italiano, ma è un network aperto a tutto il mondo, quindi la lingua principale è l&#8217; inglese.</p>
<p>Ti passo intanto uno stralcio del manifesto, descrizione del gruppo <strong>Web Designers Network</strong> che puoi leggere anche direttamente su Facebook:</p>
<blockquote>
<div>This group is a network for all the web designers in facebook. The idea started from the article by Roger Byrne from <a onmousedown="UntrustedLink.bootstrap($(this), &quot;767bf34cb82c492d0c43a39f97ec7d17&quot;, event)" rel="nofollow" href="http://styl.eti.me/" target="_blank">http://styl.eti.me/</a>.<br />
You can found the article here:<br />
<a onmousedown="UntrustedLink.bootstrap($(this), &quot;767bf34cb82c492d0c43a39f97ec7d17&quot;, event)" rel="nofollow" href="http://styl.eti.me/social-media/connect-with-designers-on-facebook/" target="_blank"><span>http://styl.eti.me/social-media/con</span>nect-with-designers-on-facebook/</a><br />
You can share your works, your links(of course no affiliation, spam or porno)and let know them to other web designers to have feedback or simply to show your works.<br />
I hope you will find this useful.<br />
Feels free to invite other designer to connect with us.</div>
</blockquote>
<div>Se sei un web designer di passaggio, ti consiglio vivamente di loggarti su Facebook ed aggregarti al gruppo <strong><a title="Rete collaborativa e sociale di Web Desigers su Facebook" href="http://www.facebook.com/group.php?gid=112721168430">Web Designers Network</a> </strong> <img src='http://www.informaticafriuli.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1292/web-friuli/webdesign-informatica-friuli/web-designers-network-su-facebook.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Anniversario di Hans Christian Ørsted &#8211; Logo Google</title>
		<link>http://www.informaticafriuli.com/1257/web-friuli/webdesign-informatica-friuli/anniversario-di-hans-christian-%c3%b8rsted-logo-google.html</link>
		<comments>http://www.informaticafriuli.com/1257/web-friuli/webdesign-informatica-friuli/anniversario-di-hans-christian-%c3%b8rsted-logo-google.html#comments</comments>
		<pubDate>Fri, 14 Aug 2009 09:43:39 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[chimico]]></category>
		<category><![CDATA[fisico]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Hans Christian Ørsted]]></category>
		<category><![CDATA[logotipo]]></category>
		<category><![CDATA[ricorrenze]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1257</guid>
		<description><![CDATA[Il nuovo Logo Google per l&#8217; anniversiario della nascita di Hans Christian Ørsted è stato messo online oggi. Per chi non sapesse chi fosse Hans Christian Ørsted ecco uno stralcio: Hans Christian Ørsted (Rudkøbing, 14 agosto 1777 – Copenaghen, 9 marzo 1851) è stato un fisico e chimico danese, che ha giocato un ruolo fondamentale [...]]]></description>
			<content:encoded><![CDATA[<p>Il nuovo Logo Google per l&#8217; <strong>anniversiario della nascita</strong> di <strong>Hans Christian Ørsted</strong> è stato messo online oggi.</p>
<div class="wp-caption aligncenter" style="width: 160px"><img title="Google e logo Hans Christian Ørsted" src="http://img0.gmodules.com/logos/orsted09ig.gif" alt="Google e logo Hans Christian Ørsted" width="150" height="65" /><p class="wp-caption-text">Google e logo Hans Christian Ørsted</p></div>
<p>Per chi non sapesse chi fosse Hans Christian Ørsted ecco uno stralcio:</p>
<blockquote><p><strong>Hans Christian Ørsted</strong> (Rudkøbing, 14 agosto 1777 – Copenaghen, 9 marzo 1851) è stato un fisico e chimico danese, che ha giocato un ruolo fondamentale nella comprensione dell&#8217;elettromagnetismo.</p>
<p>[<a title="Hans Christian Orsted" href="http://it.wikipedia.org/wiki/Hans_Christian_%C3%98rsted">approfondisci su Wikipedia</a>]</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1257/web-friuli/webdesign-informatica-friuli/anniversario-di-hans-christian-%c3%b8rsted-logo-google.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 Gallery CSS &#8211; Layout e Template per Web Designer</title>
		<link>http://www.informaticafriuli.com/1039/web-friuli/webdesign-informatica-friuli/20-gallery-css-layout-e-template-per-web-designer.html</link>
		<comments>http://www.informaticafriuli.com/1039/web-friuli/webdesign-informatica-friuli/20-gallery-css-layout-e-template-per-web-designer.html#comments</comments>
		<pubDate>Sun, 16 Nov 2008 22:15:32 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Template]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css gallery]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[ispirazione]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[webdesigner]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1039</guid>
		<description><![CDATA[Con questo post vorrei fornire una lista di CSS Gallery che ho trovato in giro per la rete. Di solito utilizzo e navigo in questa tipologia di siti per trovare ispirazione per qualche sito che devo realizzare. Come Robin Good utilizza il mantra per trovare le immagini adatte da inserire negli articoli che pubblica, lo [...]]]></description>
			<content:encoded><![CDATA[<p><em>Con questo post vorrei fornire una lista di <strong>CSS Gallery</strong> che ho trovato in giro per la rete.</em></p>
<p>Di solito utilizzo e navigo in questa tipologia di siti per trovare ispirazione per qualche sito che devo realizzare.</p>
<p>Come <strong>Robin Good</strong> utilizza <a title="Saper scegliere le immagini giuste - editoria online" href="http://www.masternewmedia.org/it/come-scegliere-le-immagini-per-i-tuoi-articoli/il-metodo-mantra-di-robin-good.htm">il mantra per trovare le immagini adatte</a> da inserire negli articoli che pubblica, lo stesso procedimento personalmente lo utilizzo per cercare nuovi layout adatti al sito che devo creare: cerco di tener sempre il focus sul tipo di sito che devo realizzare, cerco di immaginarmelo, lascio andare la mente e inizio a sfogliare le CSS Gallery dei vari siti e un buon 99% delle volte trovo ispirazione da qualche sito che trovo proprio su queste gallery.</p>
<p><strong>Sia ben chiaro, non copio spudoratamente, ma mi serve principalmente per avere un&#8217; idea, per avere una traccia di come poter posizionare i vari div e box in maniera originale</strong> e va a finire che prendo spunto non solo da un layout ma da diversi per poi fonderli insieme e farne il layout personalizzato e su misura per il sito che andrÃ² a creare.</p>
<blockquote><p>NOTA: ho cercato di inserire non le migliori, ma quelle che ho trovato e che seguo prevalentemente e cercando di inserire in lista quelle gallery che non abbiano (troppi) doppioni in fatto di layout:  visto che le CSS Gallery online abbondano ce ne sono diverse che ripropongono spesso siti e template giÃ  segnalate su altre N CSS Gallery. Se vuoi seguire eventuali aggiornamenti delle CSS Gallery puoi utilizzare il link al relativo Feed RSS di ogni galleria per essere aggiornato attraverso il tuo feed reader.</p></blockquote>
<ol>
<li><a title="Gallery CSS e layout design" href="http://designsnips.com/">Design Snips</a> <a title="Design Snips" href="http://feeds.feedburner.com/designsnips"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CSS Layout - ispirazione template" href="http://www.cssartillery.com/">CSS Artillery</a> <a title="CSS Artillery - web design" href="http://www.cssartillery.com/feed"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CSS Gallery ed esempi layout" href="http://www.cssdrive.com/">CSS Drive</a> <a title="CSS Drive - CSS Gallery" href="http://www.cssdrive.com/index.php/main/rss_2.0/"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Layout ed ispirazione web deisgn" href="http://www.csselite.com/">CSS Elite</a> <a title="CSS Gallery - CSS Elite" href="http://feeds.feedburner.com/csseliteshowcase"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CSS Gallery - web design" href="http://csscreme.com/">CSS Creme</a> <a title="Feed CSS Gallery" href="http://feeds.feedburner.com/CssCreme"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Inspiration web design - layout CSS" href="http://www.designshack.co.uk">Design Shack</a> <a title="CSS Gallery Design" href="http://feeds.feedburner.com/designshack"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Creative Design Inspiration" href="http://www.cssdaddy.com/">CSS Daddy</a> <a title="Feed CSS Gallery Web deisgn" href="http://feeds.feedburner.com/cssdaddy/lastest"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Ispirazione layout e web design" href="http://www.inspirationking.com/">Inspiration King</a> <a title="CSS web gallery" href="http://feeds.feedburner.com/Inspirationking"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CreativitÃ  layout e standard w3c" href="http://www.w3csites.com/">W3C Sites</a> <a title="CSS Web design" href="http://feeds.feedburner.com/w3csites"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Gallery di siti web e layout" href="http://www.cssstar.com/">CSS Star</a> <a title="Feed CSS Gallery Web deisgn" href="http://www.cssstar.com/feed/"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Ispirazione e creativitÃ  layout e design" href="http://www.siti-web-design.com/">Web Design Gallery</a> <a title="Web Design Gallery" href="http://feeds.feedburner.com/designgallery"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="A showcase with standard" href="http://www.cssheroes.com/">CSS Heroes</a> <a title="Feed CSS Gallery inspiration" href="http://feeds.feedburner.com/CssHeroes"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CSS Gallery - layout and site web" href="http://www.cssheaven.com/">CSS Gallery Web Design for Inspiration</a> <a title="Feed RSS CSS Gallery" href="http://www.cssheaven.com/feed/"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Bes CSS Gallery - web designer" href="http://www.bestcssgallery.com/">Best CSS Gallery</a> <a title="Feed RSS CSS Gallery web design" href="http://feeds.feedburner.com/best-css-gallery"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Designers love nature" href="http://www.cssbased.com/">CSS Based</a> <a title="Feed CSS Gallery Web design" href="http://feeds.feedburner.com/cssbased-showcase"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Galleria CSS e layout - ispirazione web designer" href="http://www.unmatchedstyle.com/">Unmatched Style</a> <a title="Feed CSS Gallery creativity web" href="http://www.unmatchedstyle.com/feeds/"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CSS Gallery for web designer" href="http://www.avenuecss.com/">Avenue CSS</a> <a title="CSS Feed - web design" href="http://avenuecss.com/index.php?option=com_rss&amp;feed=RSS2.0&amp;no_html=1"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="Layout inspiration for web designer" href="http://www.csstea.com/">CSS Tea</a> <a title="Feed CSS Gallery Web design" href="http://www.csstea.com/index.php?format=feed&amp;type=rss"><img class="alignnone" title="Rss CSS Gallery" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" /></a></li>
<li><a title="CSS Gallery 2.0" href="http://www.css20.com/">CSS 2.0</a></li>
<li><a title="Layout inspiration for web designer" href="http://www.cssbunch.com/">CSS Bunch</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1039/web-friuli/webdesign-informatica-friuli/20-gallery-css-layout-e-template-per-web-designer.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Generatori e gallerie online di schemi di colori per web designer</title>
		<link>http://www.informaticafriuli.com/1029/web-friuli/webdesign-informatica-friuli/generatori-e-gallerie-online-di-schemi-di-colori.html</link>
		<comments>http://www.informaticafriuli.com/1029/web-friuli/webdesign-informatica-friuli/generatori-e-gallerie-online-di-schemi-di-colori.html#comments</comments>
		<pubDate>Thu, 13 Nov 2008 22:10:34 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[gallery scheme]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[palette]]></category>
		<category><![CDATA[scheme color]]></category>
		<category><![CDATA[web color]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1029</guid>
		<description><![CDATA[Dopo diversi articoli dedicati a ottimizzare, sponsorizzare e guadagnare con i propri siti e blog dedico questo post ai web designer di passaggio che cercano dei tool utili e generatori online di palette di colori adatti per dare colori e tonalitÃ  adatte e coerenti. Color Jack &#8211; sito in cui trovare ispirazione in una galleria [...]]]></description>
			<content:encoded><![CDATA[<p>Dopo diversi articoli dedicati a <a title="errori da non fare come web designer" href="http://www.informaticafriuli.com/web-friuli/webdesign-informatica-friuli/43-errori-di-web-design-che-si-dovrebbero-evitare-20081111.html">ottimizzare</a>, <a title="Aumentare i lettori del Feed RSS del tuo blog" href="http://www.informaticafriuli.com/informatica-friuli/aumentare-il-numero-di-lettori-al-feed-rss-del-tuo-blog-20081112.html">sponsorizzare</a> e <a title="Advertising diretto e guadagnare col blog" href="http://www.informaticafriuli.com/informatica-friuli/guadagna-col-tuo-blog-con-l-advertising-diretto-20081113.html">guadagnare</a> con i propri siti e blog dedico questo post ai <a title="Creazione siti e blog - template, plugin WordPress e spazio web" href="http://www.tommasin.org">web designer</a> di passaggio che cercano dei tool utili e generatori online di palette di colori adatti per dare colori e tonalitÃ  adatte e coerenti.</p>
<div id="attachment_1031" class="wp-caption alignnone" style="width: 310px"><img class="size-thumbnail wp-image-1031" title="generator-color-scheme-2" src="http://www.informaticafriuli.com/wp-content/uploads/2008/11/generator-color-scheme-2.png" alt="generatore di palette di colori" width="300" height="136" /><p class="wp-caption-text">generatore di palette di colori</p></div>
<p><a title="Ispirazione per palette colori" href="http://www.colorjack.com">Color Jack</a> &#8211; sito in cui trovare ispirazione in una galleria di schemi di colori.</p>
<div id="attachment_1030" class="wp-caption alignnone" style="width: 310px"><img class="size-thumbnail wp-image-1030" title="generator-color-scheme" src="http://www.informaticafriuli.com/wp-content/uploads/2008/11/generator-color-scheme.png" alt="generatore di palette di colori" width="300" height="136" /><p class="wp-caption-text">generatore di palette di colori</p></div>
<p><a title="Color scheme generator online" href="http://wellstyled.com/tools/colorscheme2/index-en.html">Wellstyled</a> &#8211; per trovare tonalitÃ  e schemi di colori.</p>
<div id="attachment_1032" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-1032" title="generator-color-scheme-3" src="http://www.informaticafriuli.com/wp-content/uploads/2008/11/generator-color-scheme-3-300x136.png" alt="generatore di palette di colori" width="300" height="136" /><p class="wp-caption-text">generatore di palette di colori</p></div>
<p><a title="color scheme generator online" href="http://www.colorschemer.com/online.html">Color Schemer Online v2</a> &#8211; tool e generatore online per trovare shemi di colori armonici.</p>
<div id="attachment_1033" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-1033" title="generator-color-scheme-4" src="http://www.informaticafriuli.com/wp-content/uploads/2008/11/generator-color-scheme-4-300x136.png" alt="generatore di palette di colori" width="300" height="136" /><p class="wp-caption-text">generatore di palette di colori</p></div>
<p><a title="generatore di schemi colori per web designer" href="http://genopal.com/v2/">Genopal Harmonius color</a> &#8211; generatore di palette di colori da foto ed immagini.</p>
<p>Di seguito inserisco una lista di siti in cui potrai trovara invece gallerie dedicate a palette di colori giÃ  stabilite ma in cui potrai trovare inspirazione per nuove tonalitÃ  di colori da accostare a un colore che avevi giÃ  in mente grazie alla funzionalitÃ  di ricerca che troverai nei seguenti siti per categorie o per valore esadecimale:</p>
<ul>
<li><a title="cerca ispirazione galleria schemi di colori" href="http://www.colorhunter.com/">Color Hunter</a></li>
<li><a title="Color gallery - galleria di palette di colori" href="http://www.colorcombos.com">Color Schemes and Color Palettes</a></li>
<li><a title="Quadri famosi e schemi di colori per ispirazione web deisgn" href="http://www.colourlovers.com/blog/2007/06/20/color-inspiration-from-the-masters-of-painting/">COLOUR Lovers</a></li>
<li><a title="galleria di schemi di colori" href="http://beta.dailycolorscheme.com/">Daily Color Scheme</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1029/web-friuli/webdesign-informatica-friuli/generatori-e-gallerie-online-di-schemi-di-colori.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>43 errori di web design che si dovrebbero evitare</title>
		<link>http://www.informaticafriuli.com/1004/web-friuli/webdesign-informatica-friuli/43-errori-di-web-design-che-si-dovrebbero-evitare.html</link>
		<comments>http://www.informaticafriuli.com/1004/web-friuli/webdesign-informatica-friuli/43-errori-di-web-design-che-si-dovrebbero-evitare.html#comments</comments>
		<pubDate>Mon, 10 Nov 2008 22:10:20 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Comunicazione]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[comunicazione]]></category>
		<category><![CDATA[errori comunicativi]]></category>
		<category><![CDATA[messaggio]]></category>
		<category><![CDATA[sbagliata comunicazione]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=1004</guid>
		<description><![CDATA[Come in tutti i settori lavorativi, anche nel campo del web design si possono commettere errori relativi ad una comunicazione sbagliata o a delle tecniche non propriamente consone, magari per qualche svista possono deprecare l&#8217; accessibilitÃ  dei contenuti, del messaggio che con un sito o un blog si vuole passare cosÃ¬ da rendere vano per [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Come in tutti i settori lavorativi, anche nel campo del <a title="studio creazione e restyiling sito web" href="http://www.informaticafriuli.com/category/web-friuli/webdesign-informatica-friuli">web design</a> si possono commettere errori</strong> relativi ad una comunicazione sbagliata o a delle tecniche non propriamente consone, magari per qualche svista possono deprecare l&#8217; accessibilitÃ  dei contenuti, del messaggio che con un sito o un blog si vuole passare cosÃ¬ da rendere vano per esempio una percentuale di lavoro, di ore spese per realizzare tale progetto.</p>
<p><strong>Questo post Ã¨ una <a title="Checklist per il web designer - errori da non fare nella creazione di un sito" href="http://www.dailyblogtips.com/43-web-design-mistakes-you-should-avoid/">raccolta di 43 errori (spunti di riflessione) di web design</a></strong>, scritti da <strong>DayliBlogTips</strong> nell&#8217; aprile 2007, ma ancora attuali ed Ã¨ per questo che voglio farne un post in italiano da tenere come promemoria, come checklist e condividerla con te che magari sei in cerca di qualche consiglio a riguardo.</p>
<div id="attachment_1009" class="wp-caption alignnone" style="width: 410px"><a href="http://www.informaticafriuli.com/wp-content/uploads/2008/11/flusso_informazioni.jpg" rel="lightbox"><img class="size-full wp-image-1009" title="flusso_informazioni" src="http://www.informaticafriuli.com/wp-content/uploads/2008/11/flusso_informazioni.jpg" alt="http://www.sxc.hu" width="400" height="300" /></a><p class="wp-caption-text">http://www.sxc.hu</p></div>
<p><strong>1. Il flusso dell&#8217; informazione online Ã¨ veloce, gli utenti cercano su Google ed hanno poco tempo</strong>, dedicano una manciata di secondi ad ogni risultato: un grave errore Ã¨ quello di non permettere all&#8217; utente tramite il nostro sito o blog di capire a colpo d&#8217; occhio di che argomenti trattiamo o che servizi vogliamo proporgli. Dipende non solo dai contenuti testuali, ma imho soprattutto dalla parte grafica, dal logo. Poco tempo e colpo d&#8217; occhio dovrebbero essere i due fattori che ti permettono di creare su misura logo e template.</p>
<p><strong>2. I contenuti del tuo blog non devono essere impaginati come il testo di un libro in un unico blocco</strong>: esistono le liste puntate, numerate, i tag html per creare paragrafi, titoli da mettere in rilievo&#8230; utilizzali per dare piÃ¹ accessibilitÃ  e velocitÃ  nella lettura di tali contenuti.</p>
<p><strong>3. Utilizzare fonts troppo pesanti, con troppi orpelli e ghirigori sono da evitare</strong>: appesantiscono la lettura e conseguenza l&#8217; utente che naviga il nostro sito o blog prima o poi si stufa e se ne va. Bisognerebbe cercare di trovare un giusto compromesso tra grafica ed accessibilitÃ  nei fonts da utilizzare per la creazione di un sito.</p>
<p><strong>4. I siti con i caratteri del testo troppo piccoli fanno scappare i nostri potenziali clienti e lettori</strong>, in quanto, come per il punto precedente affatichiamo gli occhi di chi ci legge ed anche se avesse un software per zoomare, diamo ulteriore lavoro al potenziale lettore da feedare e probabilmente non tornerÃ  piÃ¹ per il nostro sito.</p>
<p><strong>5. Evitare di aprire nuove finestre quando un nostro lettore clicca su un link verso una risorsa esterna al nostro domino.</strong> La tecnica di far aprire una nuova finestra del browser perchÃ¨ si vuole visualizzare qualcosa di esterno al nostro sito ormai Ã¨ deprecata da anni: esiste il bottone &#8220;Indietro&#8221;nei browsere sicuramente per qualcosa. Evitiamo di far perdere tempo al nostro utente dovendo fargli chiudere una finestra per tornare sul nostro sito, magari mettendolo pure in confusione perchÃ¨ non capisce la paternitÃ  del contenuto sulla nuova finestra.</p>
<p><strong>6. Ridimensionare via js o altri automatismi la finestra del browser del nostro lettore, Ã¨ da evitare tassativamente</strong>: mette a repentaglio fin dai primi istanti la fidelizzazione perchÃ¨ potrebbe creare confusione all&#8217; utente che cerca di capire il perchÃ¨ di quell&#8217; auto ridimensionamento della finestra del browser. Evitiamo orpelli, cerchiamo di non perder e far perdere tempo preszioso ai potenziali lettori.</p>
<p><strong>7. Contenuti e risorse sotto chiave consultabili previa registrazione utente sarebbe da evitare</strong> se non strettamente necessario sia dal lato lavoro in piÃ¹ per l&#8217; utente che cerca da noi informazioni in pochi secondi sia dal lato indicizzazione sui motori di ricerca per il nostro blog.</p>
<p><strong>8. Siti che creano in automatico registrazioni o sottoscrizioni a qualche servizio, newsletter che proponiamo attraverso il nostro sito sono da evitare:</strong> mettiamo in repentaglio il sottile filo che ci lega nei primi istanti col nostro nuovo contatto col fatto che potrebbe aversene a male o risentirsene lato privacy. Il nostro lettore potrebbe pensare &#8220;Non ho richiesto esplicitamente di essere iscritto, perchÃ¨ dovrei accettare indistintamente? Una buona tecnica per perdere contatti.</p>
<p><strong>9. Siti creati in totalitÃ  in Flash Ã¨ meglio evitarli.</strong> Usiamo con moderazione tale strumento per evitare appesantimenti al lettore e per dare una spinta in piÃ¹ sostituendoli piuttosto con contenuti testuali o con immagini dove possibile.</p>
<p><strong>10. Musica di sottofondo io le evito in assoluto</strong>: fino a qualche anno fa c&#8217;erano le colonne sonore prodotte da file midi, ora magari inserita grazie a strumenti come il Flash. Ormai quell&#8217; epoca Ã¨ finita: tecnica da utilizzare imho in casi veramente particolari e ponderati.</p>
<p><strong>11. Vogliamo far ascoltare audio e far vedere video ai nostri utenti</strong> allora diamogli strumenti per gestire in prima persona l&#8217; avvio o lo stop del file in questione.</p>
<p><strong>12. Blog sovracarichi di widget, box sono da evitare:</strong> iniziamo caso mai con una grafica scarna, con l&#8217; essenziale, poche cose ma di qualitÃ  e poi magari pian piano iniziamo a caricare ma sempre con scelta oculata di cosa, come e dove inserirlo.</p>
<p><strong>13. Le homepage di benvenuto col bottone &#8220;Entra&#8221; sono da evitare:</strong> fanno perdere secondi preziosi al navigatore e aumentiamo la distanza tra lui e i nostri contenuti, i nostri servizi che vogliamo offrirgli.</p>
<p><strong>14. I siti ed i blog anonimi sono snervanti:</strong> il lettore vuole trasparenza, vuole chiarezza e vuole capire subito chi c&#8217;Ã¨ dietro: forniamogli tutti i link alle pagine di riferimento dove spieghiamo chi siamo e diamogli subito anche il modo di poterci contattare quanto piÃ¹ velocemente possibile in caso di sua necessitÃ  facendogli vedere subito un form contatti o un box sul menu laterale con numeri di telefono.</p>
<p><strong>15. Utilizzare javascript o apertura di nuove finestre non permettono il piÃ¹ delle volte di poter far utilizzare il tasto &#8220;Indietro&#8221; del browser al nostro lettore:</strong> non facciamogli perdere questa funzionalitÃ  direi comoda e vitale per lui.</p>
<p><strong>16. Testo lampeggiante o scorrevole sono ormai andati fuori moda da anni ed anni ormai.</strong> Evitali a meno che non vuoi far venire un attacco epilettico al tuo potenziale contatto.</p>
<p><strong>17. URL dalla struttura complessa meglio cercare di evitarli</strong> sia dal lato mnemonico del navigatore sia per quanto riguarda indicizzazione sui motori di ricerca. Cerchiamo di sfruttare al limite la riscrittura degli URL per renderli user frendly.</p>
<p><strong>18. Non utilizziamo tabelle per creare il layout, ma cerchiamo di utilizzare i fogli di stile</strong>, i CSS e le tabelle utilizziamole in maniera ottimale se dobbiamo impaginare e incolonnare dati e numeri.</p>
<p><strong>19. Non dare la possibilitÃ  all&#8217; utente di cercare contenuti Ã¨ meglio evitarlo:</strong> forniscigli un motore di ricerca interno al sito o al blog.</p>
<p><strong>20. Menu a tendina evitali se non strettamente necessario</strong>: potrebbero distogliere l&#8217; attenzione del navigatore. Meglio magari piÃ¹ menu orizzontali o trovandone una giusta gerarchia e cercando di ottimizzarne l&#8217; integrazione nel template in maniera alternativa.</p>
<p><strong>21. Non utilizziamo immagini come bottoni di navigazione se non ne abbiamo necessitÃ  per forza.</strong> Link testuali sono la cosa migliore sia come velocitÃ  e fruibilitÃ  di navigazione sia lato motori di ricerca ed indicizzazione nella loro SERP.</p>
<p><strong>22. Evita di far aprire Acrobat Reader se qualcuno clicca su un link che linka un PDF</strong>: rischi di rallentargli la navigazione. Meglio, come per file sonori o video, dare sempre la possibilitÃ  di scelta all&#8217; utente magari facendo aprire in automatico piuttosto una finestrella in cui si chiede cosa vuole fare: scaricare o annullare l&#8217; operazione.</p>
<p><strong>23. Evita di dare troppe versioni del sito</strong> perchÃ¨ pensi che ci siano lettori con un 56k o con ADSL o che si colegano attraverso la fibra ottica:  imho il sito e le sue pagine debbono essere progettate per essere le piÃ¹ leggere possibili comunque e sempre.</p>
<p><strong>24. L&#8217; integrazione troppo estrema tra contenuti e pubblicita per esempio gli Adsense di Google potrebbero stufare</strong> e confondere il navigatore che potrebbe setirsi preso in giro: cerca contenutied informazioni mentr eclicca su banner pubblicitari che gli sembrano link. Da evitare ma ponderare bene come sottoporre la publbicitÃ  sul vostro sito.</p>
<p><strong>25. Non creare una gerarchia, una struttura troppo profonda tra categorie di contenuti, menu e sottomenu</strong>: cerca di dare la possibilitÃ  al navigatore di sapere sempre dove si trova e cerca di snellire la struttura dei contenuti da navigare.</p>
<p><strong>26. Intro, pagine &#8220;sala d&#8217; attesa&#8221;, loader o immagini gif stile clessidre&#8230; sono da evitare</strong> se non strettamente necessarie: il navigatore si aspetta subito l&#8217; informazione, il contenuto sotto gli occhi se no va verso altri siti.</p>
<p><strong>27. Se sei alle prime armi comunque non utilizzare FrontPage</strong>: crea codice assurdo, poco pulito a livello di html. Esistono svariati software ed ambienti di sviluppo per la creazione di siti e pagine web sia economici che open source.</p>
<p><strong>28. Controlla sempre prima di pubblicare online che sia possibile visualizzare il tuo sito, il tuo blog con svariati browser</strong>: non tutti utilizzano il tuo browser preferito. Bisogna evitare problemi di visualizzazione perchÃ¨ ne va della qualitÃ  del sito stesso con tutto quello che ne comporta a livello di immagine.</p>
<p><strong>29. Non inserire un anchor text non pertinente o anche nullo nei tuoi link</strong>: mettici sempre le keywords adatte: ne beneficerÃ  sia l&#8217; accessibilitÃ  del sito per i tuoi lettori, sia a livello SEO sui motori di ricerca.</p>
<p><strong>30. Evita quanto puoi di &#8220;oscurare&#8221; la visualizzazione della destinazione di un link</strong>: il navigatore, il potenziale nuovo contatto, potrebbe pensare che sia un link affiliazione, pubblicitario: cerca di essere il piÃ¹ trasparente possibile invece con i tuoi lettori.</p>
<p><strong>31. Evita colori tenui che rendono agli occhi del navigatore il tuo sito, il tuo blog troppo omogeneo e poco leggibile</strong>: a livello di accessibilitÃ  i link ed i colori devono essere equilibratamente contrastanti. Non colori troppo accesi come font bianchi su sfondo nero o link blu su sfondo rosso, ma devi trovare la giusta palette di colori: esistono studi e Google ti puÃ² aiutare in tal senso.</p>
<p><strong>32. Testo sottolineato Ã¨ da evitare se non realmente necessario</strong>: potrebbe confondere l&#8217; utente che di solito i link Ã¨ improntato a vederli sottolineati e potrebbe appunto scambiare quel dato testo come &#8220;link non funzionanti&#8221;: un&#8217; altra volta confondere il lettore Ã¨ inutle e controproducente.</p>
<p><strong>33. Per l&#8217; usabilitÃ  del sito stesso la cosa migliore Ã¨ far cambiare colore ai link ogni qual volta vengono cliccati</strong> o vengono sormontati dal cursore. Esistono i CSS, i folgi di stile per gestire tale cosa.</p>
<p><strong>34. Se vuoi un sito per nulla professionale utilizza gif animate ovunque sul tuo blog o sul tuo sito</strong>: le gif imho le utilizzerei solo su banner pubblicitari o in casi particolari per scelta motivata, ma nulla di piÃ¹.</p>
<p><strong>35. Dimendicandosi di copilare il meta title, alt per le immagini da un calcio all&#8217; accessibilitÃ  del sito</strong> e non avrai la spinta e l&#8217; ottimizzazione che potresti avere sfruttando questi campi per l&#8217; inserimento di keywords con cui vuoi posizionarti per esempio su Google per farti trovare sui motori di ricerca.</p>
<p><strong>36. Evita, come per i link, colori troppo contrastanti, acidi</strong>: devi trovare delle tonalitÃ  che sÃ¬ si adattino all&#8217; immagine con cui vuoi proporti ma che non siano fonte di irritazione e pesantezza agli occhi di chi vuoi che ti legga. Esistono tool online e siti che ti forniscono esempi di palette di colori: Google ti aiuterÃ  a trovarli.</p>
<p><strong>37. I popup ormai sono morti. Evitali!</strong> &#8230;anche perchÃ¨ ormai esistono svariete tecniche, svariati software ed addon per i browser che bloccano il buon 99,9% dei popup visto che all&#8217; utente come avrai ben capito se sei arrivato a leggere fino a qui, non piacciono: lo confondono e gli fanno perder tempo dovendo chiudere le finestre per contnuare con la sua navigazione.</p>
<p><strong>38. Se sei solito utilizzare link in javascript Ã¨ bene evitarli da adesso in poi sostituendoli con link in html puro</strong>: farai contenti gli spider dei motori di ricerca per una miglior indicizzazione delle pagine del tuo sito su di essi.</p>
<p><strong>39. Inserisci nel piÃ¨ di pagina link funzionali e di primo impatto</strong> come per esempio verso la pagina contatti, il link per tornare all &#8216;inizio della pagina se questa per leggerla bisogna scrollarla col mouse: sarÃ  un valore aggiunto in piÃ¹ per l&#8217; utente a cui fornirai maggiore accessibilitÃ  ai tuoi contenuti.</p>
<p><strong>40. Pagine troppo lunghe sono deprecabili.</strong> Cerca di mettere sempre nella prima frase, nei primi paragrafi e nella videata che si troverÃ  subito davanti l&#8217; utente, ciÃ² che tratti su quell apagina: digli subito cosa si trova di fronte.</p>
<p><strong>41. Se nel punto precedente Ã¨ da evitrare lo scroll verticale di pagine e pagine, lo scroll orizzontale e da bandire assolutamente</strong>: cerca di trovare la soluzione piÃ¹ adatta con i fogli di stile per un layout fluido o dalla larghezza fissa, ma evita che l&#8217; utente debba scrollare la pagina orizzontalmente per leggere i contenuti: Ã¨ frustrante imho.</p>
<p><strong>42. Errori di ortografia e grammaticali non possono essere inseriti nel tuo blog</strong>, nel tuo sito se vuoi dare un minimo di professionalitÃ  e di qualitÃ  al tuo progetto, al tuo lavoro. Controlla, rileggi prima di publbicare online: Ã¨ un lavoro pesante, stressante a volte, ma che da qualitÃ  al sito e parallelamente ti permette di crescere, imparare dai tuoi errori.</p>
<p><strong>43. Metodi antispam per i commenti, per il modulo contatti come i captcha sono utili, ma vanno comunque ponderati</strong> nel loro utilizzo perchÃ¨ possono deprecare l&#8217; accessibilitÃ  per persone con problemi alla vista. Da utilizzare con ritegno cercando magari tecniche alternative.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/1004/web-friuli/webdesign-informatica-friuli/43-errori-di-web-design-che-si-dovrebbero-evitare.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Restyling sito web &#8211; evoluzione della specie</title>
		<link>http://www.informaticafriuli.com/960/informatica-friuli/restyiling-sito-web-evoluzione-della-specie.html</link>
		<comments>http://www.informaticafriuli.com/960/informatica-friuli/restyiling-sito-web-evoluzione-della-specie.html#comments</comments>
		<pubDate>Wed, 29 Oct 2008 17:40:57 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Notizie IF]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[impatto]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[percezione visiva]]></category>
		<category><![CDATA[restyling sito]]></category>
		<category><![CDATA[template blog]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=960</guid>
		<description><![CDATA[Informatica Friuli Ã¨ giÃ  al suo secondo restyling grafico. Quando Ã¨ tempo di cambiare layout Non Ã¨ stato cambiato layout di IF solo per uno scopo prettamente vanitoso, ma l&#8217; obiettivo principale Ã¨ stato quello di migliorarne l&#8217; accessibilitÃ , Ã¨ stato ottimizzato rispetto all&#8217; impaginazione precedente per dare all&#8217; utente la possibilitÃ  con un colpo [...]]]></description>
			<content:encoded><![CDATA[<p><em><strong>Informatica Friuli</strong> Ã¨ giÃ  al suo secondo <a title="rifacimento grafico sito web azienda" href="http://www.informaticafriuli.com/2008/01/24/la-rivoluzione-e-in-atto/">restyling grafico</a>.</em></p>
<h2>Quando Ã¨ tempo di cambiare layout</h2>
<p>Non Ã¨ stato cambiato layout di <strong>IF</strong> solo per uno scopo prettamente vanitoso, ma l&#8217; obiettivo principale Ã¨ stato quello di migliorarne l&#8217; accessibilitÃ , Ã¨ stato ottimizzato rispetto all&#8217; impaginazione precedente per dare all&#8217; utente la possibilitÃ  con un colpo d&#8217; occhio di riconoscere le varie aree, i box e le relative categorie di contenuti che accolgono.</p>
<h2>Descrizione del layout</h2>
<p>Il nuovo template di <strong>IF &#8211; Informatica Friuli</strong> Ã¨ diventato a 3 colonne.</p>
<ol>
<li>la prima a sinistra raggruppa le news, i post editoriali, quelli scritti dal pugno del team di editori di IF e dai suoi ospiti;</li>
<li>la colonna sulla destra, la sidebar raccoglie i vari link ai servizi offerti da IF (la newsletter di IF, il servizio di <a title="Comunicati Stampa Informatica Friuli" href="http://www.informaticafriuli.com/comunicati-stampa/"><strong>comunicati stampa di IF</strong></a>) e dai suoi partner (l&#8217; <strong>Hosting SEO di <a title="Creazione siti, template blog e spazio web SEO" href="http://www.sitonerd.com">Sito Nerd</a></strong> &#8211; ne arriveranno altri di servizi per il web)</li>
<li>la colonna centrale raggruppa 3 blocchi principali dedicati ai seguenti argomenti (post e contenuti aggregati con un sistema di <a title="News Mastering con WordPress e plugin dedicato" href="http://www.informaticafriuli.com/2008/09/20/newsmastering-con-wordpress/">news-mastering</a>):</li>
</ol>
<ul>
<li>video sul marketing, viral video, video tutorial&#8230;;</li>
<li>notizie sul mondo del design, della creativitÃ  e del web deign in generale;</li>
<li>news del modno del marketing e della comunicazione;</li>
</ul>
<h2>Analisi del layout</h2>
<p>Alla colonna centrale dedicata alle breaking news Ã¨ stato volutamente dato un colore di sfondo diverso e piÃ¹ scuro rispetto alle colonne laterali per dare maniera agli occhi del lettore di capire in maniera veloce e non troppo invasiva, la suddivisione dei tre macro blocchi del layout di <strong>IF.</strong></p>
<p>I 3 box delle notizie della <strong>colonna centrale</strong> a loro volta sono stati bordati da un colore diverso per dare maniera di suddividere in maniera semplice la colonna centrale e dar modo all &#8216;intuito del lettore di <strong>IF</strong> che sta leggendo news suddivise per N argomenti.</p>
<p>Il colore dei <strong>titoli delle 3 colonne</strong>, delle tre macro sezioni Ã¨ stato standardizzato in un colore dedicato ad area di competenza cercando di mantenere una palette di tonalitÃ  consona rispetto al logo, alla scritta nell&#8217; header.</p>
<p>L&#8217; icona del <a title="Informatica Friuli - corporate blog" href="http://feeds.feedburner.com/InformaticaFriuli">Feed RSS di </a><strong><a title="Informatica Friuli - corporate blog" href="http://feeds.feedburner.com/InformaticaFriuli">IF</a> </strong>che si trova in alto a destra e nel menu orizzontale a fondo pagina, non Ã¨ la classica iconcina standard dei feed come la conosciamo ma si Ã¨ voluto dare un tocco sottile di originalitÃ  facendone un semplice link testuale con sfondo arancio aggiungendoci un&#8217; immagine (le 3 ondine bianche <img class="alignnone" title="Feed Informatica Friuli" src="http://www.informaticafriuli.com/wp-content/themes/i-friuli/images/rss.gif" alt="" width="21" height="20" />) via <a title="Foglio di stile - standard template sito web" href="http://it.wikipedia.org/wiki/Foglio_di_stile">CSS</a>.</p>
<h2>Nuovo layout per blog</h2>
<p>Tirando le somme, la voglia di cambiare veste grafica ad IF &#8211; Informatica Friuli, non Ã¨ stato solo un semplice motivo di rinnovamento a livello visuale ma Ã¨ stato ponderato per migliorare l&#8217; impatto visivo e l&#8217; accessibilitÃ  per i lettori stessi di IF, per non appesantirne la lettura e far in modo che i contenuti stessi siano maggiormente fruibili da tutti.</p>
<h2>Conclusioni e consiglio</h2>
<p>Nel precedente paragrafo Ã¨ stata data esplicita spiegazione del perchÃ¨ del nuovo template, ma questo articolo vuol essere spunto per tutti i blogger che lo fanno per passione o per lavoro, che non sanno decidersi se sia un bene o meno il cambiar template.</p>
<p>Suggerisco che Ã¨ un bene nel momento in cui abbiamo nuove esigenze o ancor meglio, i nostri contenuti ce lo chiedano.</p>
<p>Per approfondire l&#8217; argomento su come migliorare il template del nostro blog, trovare fonte d&#8217; ispirazione per ottimizzare il layout dello stesso, consiglio la lettura dei seguenti post:</p>
<ul>
<li><a title="Template blog - evoluzione" href="http://blog.tagliaerbe.com/2008/10/come-cambia-la-grafica-di-un-blog.html">Come cambia la grafica di un blog &#8211; TagliaBlog</a></li>
<li><a class="c" href="http://www.masternewmedia.org/it/2008/09/16/information_design_che_differenza_c_tra_il.htm">Information Design: Che Differenza Câ€™Ã¨ Tra Il Post Di Un Blog E Un Articolo Preparato In Maniera Professionale? &#8211; Robin Good &#8211; Master New Media Italia</a></li>
<li><a class="c" href="http://www.masternewmedia.org/it/2008/09/02/pubblicare_news_online_newsmastering_e_newsradar.htm">Pubblicare News Online: Newsmastering E Newsradar &#8211; Cosa Sono E Come Usarli &#8211; Robing Good &#8211; Master New Media Italia</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/960/informatica-friuli/restyiling-sito-web-evoluzione-della-specie.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Forum per editori indipendenti online</title>
		<link>http://www.informaticafriuli.com/717/web-friuli/webdesign-informatica-friuli/forum-per-editori-indipendenti-online.html</link>
		<comments>http://www.informaticafriuli.com/717/web-friuli/webdesign-informatica-friuli/forum-per-editori-indipendenti-online.html#comments</comments>
		<pubDate>Mon, 22 Sep 2008 11:25:26 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Comunicazione]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[diritto informatico]]></category>
		<category><![CDATA[editori online]]></category>
		<category><![CDATA[forum]]></category>
		<category><![CDATA[masternewmedia]]></category>
		<category><![CDATA[robin good]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=717</guid>
		<description><![CDATA[&#8230;e dopo il cambio di focus sulla linea editoriale c&#8217;Ã¨ anche l&#8217; apertura del Froum MasterNewMedia. Sono stato invitato da Gaetano Costa ad iscrivermi al Forum di Robin Good aperto da qualche giorno ormai, per segnalare quanto ho portato col mio contributo sul Newsmaster e WordPress. Il Forum di Robin Good Ã¨ ancora scarno e [...]]]></description>
			<content:encoded><![CDATA[<p><em>&#8230;e dopo il cambio di focus sulla <a title="Nuova Strategia Editoriale Online Per MasterNewMedia" href="http://www.masternewmedia.org/it/2008/09/09/nuova_strategia_editoriale_online_per_masternewmedia_cosa.htm">linea editoriale</a> c&#8217;Ã¨ anche l&#8217; apertura del Froum MasterNewMedia.</em></p>
<p>Sono stato <a title="Forum sull' editoria online" href="http://www.masternewmedia.org/it/2008/09/02/pubblicare_news_online_newsmastering_e_newsradar.htm#comment-2452863">invitato da Gaetano Costa</a> ad iscrivermi al <a title="Risorse e community per editori indipendenti sul web" href="http://forum.masternewmedia.it">Forum di Robin Good</a> aperto da qualche giorno ormai, per segnalare quanto ho portato col mio contributo sul <a title="Newsmaster, newsradar, cms e plugin WordPress" href="http://www.informaticafriuli.com/informatica-friuli/newsmastering-con-wordpress-20080920.html">Newsmaster e WordPress</a>.</p>
<p>Il <strong>Forum di Robin Good</strong> Ã¨ ancora scarno e spoglio a livello utenti contenuti, ma debbo dire che nel giro di un paio di giorni ho notato una crescita di alcune unitÃ  a giorno in fatto di utenti registrati, pubblicizzando la community solo a livello risposta dallo Staff sui commenti di MasterNewMedia Italia.</p>
<p>Questo mi fa ben sperare che presto ci sarÃ  un bel numero di utenti iscritti al Forum per discutere sui temi piÃ¹ disparati riguardo alla creativitÃ , editoria online&#8230;</p>
<p>Questi sono i macro temi su cui si puÃ² discutere:</p>
<ul>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=1">Web Publishing</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=12">Social Networking &amp; Social Media</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=10">Video Publishing</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=14">Distribuzione Dei Contenuti Online</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=3">Internet Marketing</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=7">Collaborazione Online</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=15">Diritto Informatico</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=11">Audio e Music Publishing</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=9">Comunicazione Visiva</a></li>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=13">SEO e Motori di Ricerca</a></li>
</ul>
<p>&#8230;e l&#8217; area per il supporto e l&#8217; assistenza come default per ogni Forum che si rispetti non manca mai:</p>
<ul>
<li><a href="http://forum.masternewmedia.it/forumdisplay.php?f=43">Assistenza Tecnica Forum</a></li>
</ul>
<p>Che dire?</p>
<ol>
<li>per questo post non sono stato pagato ne mi sono venduto a Robin Good <img src='http://www.informaticafriuli.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ma se l&#8217; ho pubblicato Ã¨ solo per dovere di cornaca e perchÃ¨ credo che sia una risorsa ed uno strumento di qualitÃ  visto il team che ci sta dietro;</li>
<li>ti consiglio di provare ad iscriverti per ricevere e contribuire quanto piÃ¹ possibile sulla strada dell&#8217; editoria e dei contenuti sul web;</li>
</ol>
<p>Buon posting insomma <img src='http://www.informaticafriuli.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/717/web-friuli/webdesign-informatica-friuli/forum-per-editori-indipendenti-online.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Come non realizzare un sito</title>
		<link>http://www.informaticafriuli.com/462/informatica-friuli/come-non-realizzare-un-sito.html</link>
		<comments>http://www.informaticafriuli.com/462/informatica-friuli/come-non-realizzare-un-sito.html#comments</comments>
		<pubDate>Fri, 12 Sep 2008 15:46:17 +0000</pubDate>
		<dc:creator>Davide Tommasin</dc:creator>
				<category><![CDATA[Comunicazione]]></category>
		<category><![CDATA[Notizie IF]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[creazione siti friuli]]></category>
		<category><![CDATA[creazione sito]]></category>
		<category><![CDATA[meme]]></category>
		<category><![CDATA[siti web friuli]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.informaticafriuli.com/?p=462</guid>
		<description><![CDATA[Un sito bisogna trattarlo come se fosse qualcosa da accudire, il prorpio pesce rosso che ha bisogno delle nostre cure, una pianta che non si vuol far morire di sete, qualcosa da mantenere sempre aggiornato e dargli sempre nuova linfa vitale: questo ripaga dal lato visibilitÃ  sui motori di ircerca, Ã¨ un fattore importante per [...]]]></description>
			<content:encoded><![CDATA[<p>Un sito bisogna trattarlo come se fosse qualcosa da accudire, il prorpio pesce rosso che ha bisogno delle nostre cure, una pianta che non si vuol far morire di sete, qualcosa da mantenere sempre aggiornato e dargli sempre nuova linfa vitale: questo ripaga dal lato visibilitÃ  sui motori di ircerca, Ã¨ un fattore importante per poter rendere il sito visibile e conseguenza utile, farsi trovare dalla massa.</p>
<p>Io, riguardo al titolo del post ho espresso le mie idee a riguardo tirato in ballo da <a title="Peru - Tutti Per Uno" href="http://www.pieru.it/internet/come-non-si-realizza-un-sito.html">Pieru</a> e da <a title="Daniele Imperi Web Deisgner" href="http://www.danieleimperi.it/web-design/come-non-si-realizza-un-sito/">Daniele</a> di <a title="Forum per webmaster" href="http://www.tutti-per-uno.org/">TPU</a></p>
<p>Quoto quindi quanto ho scritto sul <a title="creazione sito web Friuli" href="http://davide.tommasin.org/2008/09/12/come-non-si-realizza-un-sito.html">mio blog</a>:</p>
<ul>
<li><strong>non realizzo mai siti in cui Ã¨ il cliente a dettare le regole al 100%</strong>: se mi ha contattato deve aver fiducia in me in quanto addetto ai lavori e ci si viene incontro da ambo le parti &#8211; devâ€™ esserci complicitÃ  tra cliente e realizzatore se no si creano crepe nei rapporti professionali e il prodotto finito il piu delle volte non rispecchia la qualitÃ  desiderata dal committente;</li>
<li><strong>non si realizza un sito in maniera parziale</strong>, o meglio anche se non Ã¨ tutto online, tra realizzatore e cliente devono essere chiarificate le regole del gioco prima della messa in opera del sito stesso;</li>
<li><strong>non si realizza un sito per il solo scopo di â€œcâ€™e lâ€™hanno tutti!!! PerchÃ¨ io no?â€</strong>, ma debbono esserci delle motivazioni per volerlo (personalmente non gioco a queste regole ma cerco di capire chi Ã¨, cosa produce e cosa vuole dal sito il cliente che me lo richiede per scoprirne e fargli scoprire la reale motivazione su cui basare la creazione del sito);</li>
<li><strong>non si realizza un sito senza aver presente lo standard</strong> W3C e gli standard di accessibilitÃ ;</li>
<li><strong>non si realizzano mai un sito in cui per ogni pagina câ€™Ã¨ solo unâ€™ immagine</strong> che incorpora contenuti testauli e grafici di quella data pagina;</li>
<li><strong>un sito non andrebbe mai realizzato interamente in flash</strong> a meno di particolari esigenze;</li>
<li><strong>non si realizza mai un sito per vederlo morire dopo tot tempo</strong>: bisogna indirizzare ed informatizzare il cliente che il sito Ã¨ come una sua creature ed in quanto tale deve farla crescere di contenuti e curarla in fatto di aggiornamenti, anche parziali, perchÃ¨ solo cosÃ¬ si puÃ² garantire la funzionalitÃ  principe di un sito ovvero farsi trovare da potenziali clienti, amici persone in genere;</li>
<li><strong>non si realizza mai un sito grande o piccolo che sia, andando OT dallâ€™ argomento principale</strong>: non mi piaccione quei siti per esempio di hotel o b&amp;b che hanno la paginetta Link Utili solo per infarcire il sito di contenuti: per un albergo direi che la maniera migliore, se si vuol aumentare i contenuti del sito piuttosto bisognerebbe rimpinzarlo di pagine dedicate alle bellezze limitrofe alla struttura alberghiera (mini recensioni su musei, fontane, strade, mostre nelle vicinanze di tale albergo o b&amp;b);</li>
<li><strong>non si realizza mai un sito senza obiettivitÃ  nei contenuti</strong> (che se si vuole Ã¨ un condensato del punto precedente);</li>
<li><strong>non si realizza mai un sito senza dare la possibilitÃ  al cliente di avere chiavi in mano</strong>: sono dellâ€™ idea di cercare, come relaizzatore di siti, di dare sempre lâ€™ opportunita al cliente di poter gestirsi principlamente lui i contenuti e poi magari venirgli incontro per aiutarlo nella stesura degli stessi (qui chiaramente dipende dalla tipologia di cliente, di sito e di contratto stipulato tra le parti);</li>
<li><strong>non si realizza mai un sito senza metterci passione</strong>, ma solo come mero riempimento di codice e script su un disco di un server: gli utenti, la gente e le persone che visitano il sito sono reali ed in quanto reali ed umane provano emozioni e realizzare un sito contro voglia produce solo qualitÃ  e sensazioni negative (sarÃ  una visione zen della cosa, ma ci credo realmente &#8211; ho scrollato di dosso potenziali clienti perchÃ¨ a pelle non mi davano una sensazione positiva);</li>
</ul>
<p>Passo la palla a tutti i web designer che passano di qua, anche al <a title="Blog network marketing non convenzionale" href="http://www.crazy-marketing.it">CMN &#8211; Crazy MArketing Network</a> e a chi si sentisse di rispondere al meme <strong>&#8220;Come non si realizza un sito&#8221;</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.informaticafriuli.com/462/informatica-friuli/come-non-realizzare-un-sito.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

