<?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>Inspiration in a box &#187; webdesign</title>
	<atom:link href="http://www.inspirationinabox.net/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.inspirationinabox.net</link>
	<description>sources, graphics &#38; ideas for Design</description>
	<lastBuildDate>Tue, 31 Jan 2012 07:47:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Mike McFarlane Landscape photographer: bel sito e belle foto</title>
		<link>http://www.inspirationinabox.net/mike-mcfarlane-landscape-photographer-bel-sito-e-belle-foto/</link>
		<comments>http://www.inspirationinabox.net/mike-mcfarlane-landscape-photographer-bel-sito-e-belle-foto/#comments</comments>
		<pubDate>Mon, 22 Aug 2011 12:28:36 +0000</pubDate>
		<dc:creator>Lauryn</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[websites]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1927</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/mike-mcfarlane-landscape-photographer-bel-sito-e-belle-foto/"><img title="Mike McFarlane Landscape photographer: bel sito e belle foto" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-131-1024x765.png" alt="Mike McFarlane Landscape photographer: bel sito e belle foto" width="200" height="149" /></a></span><br/>Se non è di ispirazione questo! Bel sito, ordinato e gradevole, nonchè bel portfolio di foto, scattate in tutta la [...]]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/mike-mcfarlane-landscape-photographer-bel-sito-e-belle-foto/"><img title="Mike McFarlane Landscape photographer: bel sito e belle foto" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-131-1024x765.png" alt="Mike McFarlane Landscape photographer: bel sito e belle foto" width="200" height="149" /></a></span><br/>Se non è di ispirazione questo! Bel sito, ordinato e gradevole, nonchè bel portfolio di foto, scattate in tutta la Gran Bretagna, dalla verde Inghilterra alla wild Scotland. Buona visione!
<p style="text-align: center;"><a href="http://www.mikemcfarlane.co.uk/"><img class="size-large wp-image-1928 aligncenter" title="fotografia" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-131-1024x765.png" alt="" width="614" height="459" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/mike-mcfarlane-landscape-photographer-bel-sito-e-belle-foto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Camping Equipment, sito di ispirazione in html5</title>
		<link>http://www.inspirationinabox.net/camping-equipment-sito-di-ispirazione-in-html5/</link>
		<comments>http://www.inspirationinabox.net/camping-equipment-sito-di-ispirazione-in-html5/#comments</comments>
		<pubDate>Sun, 24 Apr 2011 16:25:52 +0000</pubDate>
		<dc:creator>Lauryn</dc:creator>
				<category><![CDATA[websites]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1775</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/camping-equipment-sito-di-ispirazione-in-html5/"><img title="Camping Equipment, sito di ispirazione in html5" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-251-1024x785.png" alt="Camping Equipment, sito di ispirazione in html5" width="200" height="153" /></a></span><br/>Anche qui pochi commenti, ma molta gradevolezza. Html 5 completamtente validato. Complimenti :)]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/camping-equipment-sito-di-ispirazione-in-html5/"><img title="Camping Equipment, sito di ispirazione in html5" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-251-1024x785.png" alt="Camping Equipment, sito di ispirazione in html5" width="200" height="153" /></a></span><br/>Anche qui pochi commenti, ma molta gradevolezza. Html 5 completamtente validato. Complimenti :)
<p style="text-align: center;"><a href="http://www.campluxe.com.au/"><img class="aligncenter size-large wp-image-1776" title="Camping Equipment" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-251-1024x785.png" alt="" width="614" height="471" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/camping-equipment-sito-di-ispirazione-in-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Write away with me: un sito gradevole a vedersi!</title>
		<link>http://www.inspirationinabox.net/write-away-with-me-un-sito-gradevole-a-vedersi/</link>
		<comments>http://www.inspirationinabox.net/write-away-with-me-un-sito-gradevole-a-vedersi/#comments</comments>
		<pubDate>Fri, 22 Apr 2011 08:08:30 +0000</pubDate>
		<dc:creator>Lauryn</dc:creator>
				<category><![CDATA[websites]]></category>
		<category><![CDATA[character design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1769</guid>
		<description><![CDATA[Segnalo questo sito, molto gradevole a vedersi, con uno stile che richiama la scrittura handwritten scolastica, ma senza cadere nel [...]]]></description>
			<content:encoded><![CDATA[Segnalo <a href="http://www.writeawaywithme.com/">questo sito</a>, molto gradevole a vedersi, con uno stile che richiama la scrittura handwritten scolastica, ma senza cadere nel pacchiano e con un uso dei colori moderato e rilassante. Il codice è anche ben fatto, seppure presenti qualche errore dovuto ai plugin di wordpress non corretti. Mi soffermerei su alcuni dettagli che ho ritagliato per voi. Che dire, rilassatevi con una bella grafica da cui trarre ispirazione!

<a href="http://www.writeawaywithme.com/">Write Away with me</a>

<a href="http://www.writeawaywithme.com/">
</a>
<a href='' title='Write away with me'><img width="284" height="150" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-5-284x150.png" class="attachment-thumbnail" alt="Write away with me" title="Write away with me" /></a>
<a href='' title='sidebar'><img width="284" height="150" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-6-284x150.png" class="attachment-thumbnail" alt="sidebar" title="sidebar" /></a>
<a href='' title='targhetta'><img width="284" height="150" src="http://www.inspirationinabox.net/wp-content/uploads/Immagine-7-284x150.png" class="attachment-thumbnail" alt="targhetta" title="targhetta" /></a>
]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/write-away-with-me-un-sito-gradevole-a-vedersi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creare un poster con html/css</title>
		<link>http://www.inspirationinabox.net/creare-un-poster-con-htmlcss/</link>
		<comments>http://www.inspirationinabox.net/creare-un-poster-con-htmlcss/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 06:05:04 +0000</pubDate>
		<dc:creator>Helenchan</dc:creator>
				<category><![CDATA[sources]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1296</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/creare-un-poster-con-htmlcss/"><img title="Creare un poster con html/css" src="http://www.inspirationinabox.net/wp-content/uploads/01.png" alt="Creare un poster con html/css" width="141" height="200" /></a></span><br/>Creare un poster con html e css?sìsì avete letto bene. Ecco un tutorial di Line25.com per creare un poster dai [...]]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/creare-un-poster-con-htmlcss/"><img title="Creare un poster con html/css" src="http://www.inspirationinabox.net/wp-content/uploads/01.png" alt="Creare un poster con html/css" width="141" height="200" /></a></span><br/>Creare un poster con html e css?sìsì avete letto bene.
Ecco un tutorial di Line25.com per creare un poster dai colori vibranti e accattivanti usando le nuove tecniche di css3 e l'html. Non ci credete? <a href="http://line25.com/tutorials/create-a-vibrant-digital-poster-design-with-css3" target="_blank">Provate e stupitevi del risultato</a>.

<img class="alignnone size-full wp-image-1297" title="01" src="http://www.inspirationinabox.net/wp-content/uploads/01.png" alt="" width="500" height="707" />]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/creare-un-poster-con-htmlcss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La pagina 404 di Lee Munroe</title>
		<link>http://www.inspirationinabox.net/la-pagina-404-di-lee-munroe/</link>
		<comments>http://www.inspirationinabox.net/la-pagina-404-di-lee-munroe/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 06:56:52 +0000</pubDate>
		<dc:creator>Helenchan</dc:creator>
				<category><![CDATA[websites]]></category>
		<category><![CDATA[404 page]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1136</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/la-pagina-404-di-lee-munroe/"><img title="La pagina 404 di Lee Munroe" src="http://www.inspirationinabox.net/wp-content/uploads/404er.png" alt="La pagina 404 di Lee Munroe" width="200" height="138" /></a></span><br/>Qualche giorno fa stavo navigando tranquilllamente tra i vari siti di webdesigner, un pò per studiare la concorrenza ehehe il [...]]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/la-pagina-404-di-lee-munroe/"><img title="La pagina 404 di Lee Munroe" src="http://www.inspirationinabox.net/wp-content/uploads/404er.png" alt="La pagina 404 di Lee Munroe" width="200" height="138" /></a></span><br/>Qualche giorno fa stavo navigando tranquilllamente tra i vari siti di webdesigner, un pò per studiare la concorrenza ehehe il che serve sempre, e mi sono imbattuta nel portfolio di <a href="http://www.leemunroe.com/" target="_blank">Lee Munroe</a>.

Un sito molto carino, d'impatto e che segue lo stile <a href="http://it.wikipedia.org/wiki/Web_2.0" target="_blank">web 2.0</a>, nulla di particolare. Navigando al suo interno la cosa che mi ha stupito molto positivamente invece è stata la pagina di errore 404 (file non trovato). In modo molto originale richiama un documento di photoshop in fase di progettazione.

<a href="http://www.leemunroe.com/showcase/" target="_blank"><img class="alignnone size-full wp-image-1137" title="404er" src="http://www.inspirationinabox.net/wp-content/uploads/404er.png" alt="" width="630" height="437" /></a>]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/la-pagina-404-di-lee-munroe/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Esempi di favicon design</title>
		<link>http://www.inspirationinabox.net/esempi-di-favicon-design/</link>
		<comments>http://www.inspirationinabox.net/esempi-di-favicon-design/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 06:35:12 +0000</pubDate>
		<dc:creator>Helenchan</dc:creator>
				<category><![CDATA[brand]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1079</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/esempi-di-favicon-design/"><img title="Esempi di favicon design" src="http://www.inspirationinabox.net/wp-content/uploads/favicon4.png" alt="Esempi di favicon design" width="71" height="200" /></a></span><br/>Da wikipedia (per chi non conoscesse ancora questo elemento di webdesign): Favicon è un termine inglese, contrazione di favorites icon. [...]]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/esempi-di-favicon-design/"><img title="Esempi di favicon design" src="http://www.inspirationinabox.net/wp-content/uploads/favicon4.png" alt="Esempi di favicon design" width="71" height="200" /></a></span><br/>Da wikipedia (per chi non conoscesse ancora questo elemento di webdesign):
<blockquote><strong>Favicon</strong> è un termine inglese, contrazione di <em>favorites icon</em>. In informatica indica un'icona associata ad una particolare pagina web. Solitamente la favicon è una piccola immagine, spesso un logo, pertinente ai contenuti del sito web correlato. La favicon viene visualizzata alla sinistra dell'URL nella barra degli indirizzi di un browser, nel momento in cui si naviga un sito che ne è provvisto. L'icona è inoltre visualizzata nel menu dei <em>preferiti</em> di un browser.</blockquote>
La favicon quindi anche se piccola, è molto importante per un sito web. E deve essere studiata e pensata bene. Di seguito vi segnalo alcune favicon che potrebbero ispirarvi.

<img class="alignnone size-full wp-image-1080" title="favicon1" src="http://www.inspirationinabox.net/wp-content/uploads/favicon1.png" alt="" width="216" height="600" /> <img class="alignnone size-full wp-image-1081" title="favicon2" src="http://www.inspirationinabox.net/wp-content/uploads/favicon2.png" alt="" width="218" height="602" /> <img class="alignnone size-full wp-image-1082" title="favicon3" src="http://www.inspirationinabox.net/wp-content/uploads/favicon3.png" alt="" width="217" height="609" /> <img class="alignnone size-full wp-image-1083" title="favicon4" src="http://www.inspirationinabox.net/wp-content/uploads/favicon4.png" alt="" width="221" height="616" />]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/esempi-di-favicon-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE Tester</title>
		<link>http://www.inspirationinabox.net/ie-tester/</link>
		<comments>http://www.inspirationinabox.net/ie-tester/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 06:28:05 +0000</pubDate>
		<dc:creator>Helenchan</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[sources]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[utility]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=1069</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/ie-tester/"><img title="IE Tester" src="http://www.inspirationinabox.net/wp-content/uploads/ietester-0.3.png" alt="IE Tester" width="200" height="115" /></a></span><br/>Per i webdesigner come me c'è sempre il problema del cross-browsing, cioè essere sicuri che un sito si veda perfettamente [...]]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/ie-tester/"><img title="IE Tester" src="http://www.inspirationinabox.net/wp-content/uploads/ietester-0.3.png" alt="IE Tester" width="200" height="115" /></a></span><br/>Per i webdesigner come me c'è sempre il problema del cross-browsing, cioè essere sicuri che un sito si veda perfettamente su tutti i browser più conosciuti. Internet Explorer è la croce dei web designer purtroppo, quindi voglio segnalarvi un programma che in un un sol colpo vi fa vedere la visualizzazione su IE5-6-7-8: <strong><a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IE Tester</a></strong>.
Purtroppo c'è solo la versione per Pc, quindi voi utenti Mac avete bisogno di una <a href="http://it.wikipedia.org/wiki/Macchina_virtuale" target="_blank">Virtual Machine</a> (esempio <a href="http://www.parallels.com/" target="_blank">Parallels</a>) per poterlo usare. Ne vale la pena però.

<img class="alignnone size-full wp-image-1070" title="ietester" src="http://www.inspirationinabox.net/wp-content/uploads/ietester-0.3.png" alt="" width="615" />]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/ie-tester/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Michelle Lam</title>
		<link>http://www.inspirationinabox.net/michelle-lam/</link>
		<comments>http://www.inspirationinabox.net/michelle-lam/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 07:02:45 +0000</pubDate>
		<dc:creator>Helenchan</dc:creator>
				<category><![CDATA[websites]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=933</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/michelle-lam/"><img title="Michelle Lam" src="http://www.inspirationinabox.net/wp-content/uploads/michelle.jpg" alt="Michelle Lam" width="200" height="130" /></a></span><br/>Qualche tempo fa vi avevo segnalato un mazzo di carte tipografico creato da lei. Ora invece vi segnalo il suo [...]]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/michelle-lam/"><img title="Michelle Lam" src="http://www.inspirationinabox.net/wp-content/uploads/michelle.jpg" alt="Michelle Lam" width="200" height="130" /></a></span><br/>Qualche tempo fa vi avevo segnalato un <a href="http://www.inspirationinabox.net/mazzo-di-carte-tipografico/" target="_blank">mazzo di carte tipografico</a> creato da lei. Ora invece vi segnalo il suo sito web, minimal e d'impatto. Date un'occhiata anche ai suoi lavori.

<a href="http://www.themichellelam.com/" target="_blank">www.themichellelam.com</a>

<a href="http://www.themichellelam.com/" target="_blank"><img class="alignnone size-full wp-image-934" title="michelle" src="http://www.inspirationinabox.net/wp-content/uploads/michelle.jpg" alt="" width="615" height="402" /></a>]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/michelle-lam/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Progress bar, esempi di design</title>
		<link>http://www.inspirationinabox.net/progress-bar-esempi-di-design/</link>
		<comments>http://www.inspirationinabox.net/progress-bar-esempi-di-design/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 05:26:50 +0000</pubDate>
		<dc:creator>Helenchan</dc:creator>
				<category><![CDATA[websites]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.inspirationinabox.net/?p=920</guid>
		<description><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/progress-bar-esempi-di-design/"><img title="Progress bar, esempi di design" src="http://www.italianwebdesign.it/wp-content/uploads/2010/01/Immagine-2-450x159.png" alt="Progress bar, esempi di design" width="200" height="70" /></a></span><br/>Vi segnalo un articolo da ItalianWebdesign: Smashing Magazine ci regala una gallery da cui trarre ispirazione, godetevela!]]></description>
			<content:encoded><![CDATA[<span class="image-rss"><a href="http://www.inspirationinabox.net/progress-bar-esempi-di-design/"><img title="Progress bar, esempi di design" src="http://www.italianwebdesign.it/wp-content/uploads/2010/01/Immagine-2-450x159.png" alt="Progress bar, esempi di design" width="200" height="70" /></a></span><br/>Vi segnalo un articolo da<a href="http://www.italianwebdesign.it/ispirazione-progress-bar-step-by-step-di-ecommerce-wizard-etc/#comments" target="_blank"> ItalianWebdesign</a>:
<blockquote>Smashing Magazine ci regala una <a title="vai all'articolo" href="http://www.smashingmagazine.com/2010/01/15/progress-trackers-in-web-design-examples-and-best-design-practices/">gallery</a> da cui trarre ispirazione, godetevela!

<img title="progress tracker" src="http://www.italianwebdesign.it/wp-content/uploads/2010/01/Immagine-2-450x159.png" alt="Immagine 2 450x159 Ispirazione: progress bar, step by step di ecommerce, wizard, etc" width="450" height="159" /></blockquote>]]></content:encoded>
			<wfw:commentRss>http://www.inspirationinabox.net/progress-bar-esempi-di-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

