<?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>Z-Project &#187; web design</title>
	<atom:link href="http://www.z-project.it/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.z-project.it</link>
	<description>Web Design, Interfacce utente, Applicazioni Web e Mobile, CMS, E-Commerce, Wordpress Themes.</description>
	<lastBuildDate>Wed, 18 Jan 2012 17:54:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Web Design: alcune tendenze per il 2012</title>
		<link>http://www.z-project.it/blog/web-design-tendenze-2012?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=web-design-tendenze-2012</link>
		<comments>http://www.z-project.it/blog/web-design-tendenze-2012#comments</comments>
		<pubDate>Wed, 28 Dec 2011 10:05:25 +0000</pubDate>
		<dc:creator>Luca Fiorentino</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.z-project.it/wp/?p=1</guid>
		<description><![CDATA[Difficile prevedere il futuro per noi Web Designers: tutto cambia molto velocemente e spesso sono le nuove tecnologie a determinare le nostre scelte nel realizzare un sito internet. Provo comunque a sintetizzare alcune tendenze che a mio parere caratterizzano quelli &#8230; <a href="http://www.z-project.it/blog/web-design-tendenze-2012">Continua a leggere <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Difficile prevedere il futuro per noi Web Designers: tutto cambia molto velocemente e spesso sono le nuove tecnologie a determinare le nostre scelte nel realizzare un sito internet. <span id="more-1"></span>Provo comunque a sintetizzare alcune <em>tendenze</em> che a mio parere caratterizzano quelli che sono i lavori di Web Design più interessanti e innovativi.</p>
<h1><strong>1. Siti e applicazioni adattabili a tutti i dispositivi</strong></h1>
<p><img class="alignleft size-thumbnail wp-image-476" title="jquery-mobile-devices-beta" src="http://www.z-project.it/wp-content/uploads/2011/10/jquery-mobile-devices-beta-150x150.png" alt="" width="150" height="150" />Nel 2012 la qualità di un’applicazione web non potrà prescindere dalla sua <strong>adattabilità alle tipologie di dispositivi su cui sarà visualizzata</strong>.</p>
<p>Gli sviluppatori dovranno quindi realizzare interfacce con <em>layout fluidi</em>, ovvero utilizzando dimensioni percentuali invece delle dimensioni fisse, e predisporre fogli di stile realizzati per il maggior numero possibile di media.</p>
<h4>Guide e tutorial:</h4>
<ul>
<li><a title="layout fluido e fisso" href="http://css.html.it/guide/lezione/55/layout-fluido/" target="_blank">Html.it</a></li>
<li><a title="fluid layout tutorial" href="http://www.tuto-rial.com/2011/12/css-liquid-layout-tutorial-for-designing-blog-post-page/" target="_blank">Tuto.rial.com</a></li>
</ul>
<h1><strong>2. Animazioni realizzate con jQuery/CSS3/HTML5</strong></h1>
<p>Sconsigliate a causa delle numerose problematiche connesse all’utilizzo di Flash (indicizzazioni sui motori di ricerca, aggiornamenti complessi, incompatibilità con i dispositivi Mobile) ma sempre molto amate dai clienti, le animazioni hanno ritrovato grandi possibilità di applicazione grazie alla combinazione di librerie jQuery, linguaggio HTML5 e stilizzazioni CSS3.</p>
<p><img class="aligncenter size-full wp-image-484" title="html5-tags" src="http://www.z-project.it/wp-content/uploads/2011/10/html5-tags.jpg" alt="" width="2713" height="1185" /></p>
<h4>Siti consigliati, librerie effetti, esempi e tutorial:</h4>
<ul>
<li><a href="http://jquery.com/">http://jquery.com/</a></li>
<li><a href="http://buildinternet.com/project/supersized/">http://buildinternet.com/project/supersized/</a></li>
<li><a href="http://buildinternet.com/project/mosaic/">http://buildinternet.com/project/mosaic/</a></li>
<li><a href="http://flex.madebymufffin.com/">http://flex.madebymufffin.com/</a></li>
<li><a href="http://addyosmani.com/blog/css3transitions-jquery/">http://addyosmani.com/blog/css3transitions-jquery/</a></li>
</ul>
<h1>3. Focus on Simplicity</h1>
<p><img class="aligncenter size-full wp-image-503" title="happy-people" src="http://www.z-project.it/wp-content/uploads/2011/10/happy-people.jpg" alt="" width="978" height="442" /></p>
<p>La regola numero uno per un sito internet è guidare l’utente dal punto A al punto B nel più breve tempo possibile. Dunque tutti sappiamo quanto sia fondamentale realizzare interfacce semplici e intuitive. E così molto spesso ci ritroviamo a pensare a progetti “minimalisti” che evitando eccessi grafici ed estetici focalizzano la nostra attenzione alla forma e allo stile, limitando i contenuti all’essenziale. Ed ecco allora che un’interessante sfida per il 2012: <strong>possiamo realizzare siti internet che pur raggiungendo l’obiettivo della semplicità non abbiano nessun limite di creatività?</strong></p>
<h4>Alcuni esempi:</h4>
<ul>
<li><a href="http://themetrust.com/demos/craft/">http://themetrust.com/demos/craft/</a></li>
<li><a href="http://www.girlfriendnyc.com/">http://www.girlfriendnyc.com/</a></li>
<li><a href="http://eeharbor.com/">http://eeharbor.com/</a></li>
<li><a href="http://www.getcorpus.com/">http://www.getcorpus.com/</a></li>
<li><a href="http://www.ishuplus.com/IT.php">http://www.ishuplus.com/IT.php</a></li>
<li><a href="http://www.brooksrunning.com/on/demandware.static/Sites-BrooksRunning-Site/Sites-BrooksRunning-Library/default/brooks_shoe_advisor/Default.htm">http://www.brooksrunning.com/on/demandware.static/Sites-BrooksRunning-Site/Sites-BrooksRunning-Library/default/brooks_shoe_advisor/Default.htm</a></li>
</ul>
<h1>4. Google Fonts e Cufon Fonts</h1>
<p>Quante volte abbiamo sentito parlare dei “font di sistema”? E quanto volte in un passato “remoto” realizzavamo immagini al solo scopo di visualizzare titoli di sezioni o pulsanti con font particolari. Oggi possiamo tranquillamente decidere di utilizzare specifici caratteri senza doverci chiedere come li visualizzeranno gli utenti che non li hanno installati sul proprio computer.</p>
<p><img class="aligncenter size-full wp-image-499" title="Google-Web-Fonts" src="http://www.z-project.it/wp-content/uploads/2011/10/Google-Web-Fonts.jpg" alt="" width="750" height="431" /></p>
<p><strong>Google Web Fonts</strong> rende disponibile una libreria di caratteri open source liberamente utilizzabili nei nostri siti in pochi semplici passi.. <a href="http://www.google.com/webfonts">http://www.google.com/webfonts</a></p>
<p><strong>Cùfon Fonts</strong> invece consente di trasformare il font in un file javascript che potrà essere facilmente richiamato nel nostro sito.. <a href="http://cufon.shoqolate.com/generate/">http://cufon.shoqolate.com/generate/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.z-project.it/blog/web-design-tendenze-2012/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

