 
 
 <?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>upCreative &#187; responsive</title>
	<atom:link href="https://www.upcreative.net/tag/responsive/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.upcreative.net</link>
	<description>Web Design, grafica,  web application e content web marketing</description>
	<lastBuildDate>Wed, 10 Apr 2019 12:53:28 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.41</generator>
	<item>
		<title>10 nuovi temi wordpress gratuiti di qualità da scaricare</title>
		<link>https://www.upcreative.net/10-nuovi-temi-wordpress-gratuiti-qualita-scaricare-liberamente/</link>
		<comments>https://www.upcreative.net/10-nuovi-temi-wordpress-gratuiti-qualita-scaricare-liberamente/#comments</comments>
		<pubDate>Sat, 26 Oct 2013 12:36:23 +0000</pubDate>
		<dc:creator><![CDATA[upcreative]]></dc:creator>
				<category><![CDATA[Risorse]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[bootstrap]]></category>
		<category><![CDATA[freebie]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[temi gratuiti]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.upcreative.net/?p=2267</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://www.upcreative.net/10-nuovi-temi-wordpress-gratuiti-qualita-scaricare-liberamente/">10 nuovi temi wordpress gratuiti di qualità da scaricare</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div class="l-submain"><div class="l-submain-h g-html i-cf"><div class="g-cols"><div class="full-width">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			<a title="Wordpress, il CMS più conosciuto al mondo" href="http://wordpress.org">WordPress</a> è il CMS più famoso ed utilizzato dalla rete. Questo grazie a molteplici fattori, come il fatto di rappresentare un sistema molto <strong>robusto</strong> ed allo stesso tempo <strong>facile da usare e mantenere</strong>. WordPress permette infatti di creare siti web con contenuti eleganti e creativi pur avendo a disposizione un badget ridotto.</p>
<p>Tutto ciò è reso possibile dalla vastissima quantità di temi sviluppati per questa piattaforma, il cui numero cresce ogni giorno in modo sempre più veloce. Tuttavia non è sempre facile trovare temi wordpress gratuiti di qualità, a meno che non ci si affidi a servizi come <a title="Themeforest - Temi wordpress di alta qualità" href="http://themeforest.net/?ref=Colddesign">ThemeForest</a> o  dove poterli acquistare in versione premium.</p>
<p>Setacciando la rete alla ricerca di una soluzione gratuita è facile incappare in temi che non sono all&#8217;altezza delle nostre aspettative. E&#8217; per questo che voglio proporti questa lista di <strong>10 nuovi temi wordpress gratuiti</strong> da scaricare liberamente  (per alcuni è presente anche una versione premium con delle funzionalità aggiuntive).</p>
<h4>Prima di iniziare</h4>
<p>Siccome anche per quanto riguarda i temi premium molte volte è difficile trovarne alcuni facilmente usabili e di alta qualità, prima di iniziare con la lista di quelli gratuiti, ti voglio proporre alcuni <strong>temi wordpress premium</strong> che secondo me sono di altissimo livello e offrono un incredibile numero di <strong>personalizzazioni</strong> e <strong>funzionalità</strong>:
		</div> 
	</div> <div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=Colddesign">Avada</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/udesign-wordpress-theme/253220?ref=Colddesign">U-Design WordPress Theme</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Colddesign">Enfold &#8211; Responsive Multi-Purpose Theme</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/00_preview.__large_preview.jpg" class="attachment-full" alt="00_preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/udesign-wordpress-theme/253220?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_Preview.__large_preview.jpg" class="attachment-full" alt="01_Preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/1_preview.__large_preview.jpg" class="attachment-full" alt="1_preview.__large_preview" /></a>
		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/karma-responsive-wordpress-theme/168737?ref=Colddesign">Karma &#8211; Responsive WordPress Theme</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/striking-multiflex-ecommerce-responsive-wp-theme/128763?ref=Colddesign">Striking MultiFlex &amp; Ecommerce Responsive WP Theme</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/king-size-fullscreen-background-wordpress-theme/166299?ref=Colddesign">King Size &#8211; Fullscreen Background WordPress Theme</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/karma-responsive-wordpress-theme/168737?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/1-Karma-Responsive-Wordpress-Theme.__large_preview.png" class="attachment-full" alt="1-Karma-Responsive-Wordpress-Theme.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/striking-multiflex-ecommerce-responsive-wp-theme/128763?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/striking-mf-tf-large-preview.__large_preview.jpg" class="attachment-full" alt="striking-mf-tf-large-preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/king-size-fullscreen-background-wordpress-theme/166299?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_presentation.__large_preview.jpg" class="attachment-full" alt="01_presentation.__large_preview" /></a>
		</div> 
	</div> </div></div><div class="g-hr">
						<span class="g-hr-h">
							<i class="fa fa-chevron-down"></i>
						</span>
					</div>
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h1>Lista temi wordpress gratuiti</h1>
<h3><a title="Celestino - Tema wordpress responsive gratuito altamente configurabile" href="http://demo.yithemes.com/celestino/">Celestino</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_10.jpg"><img class="alignnone size-full wp-image-2280" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_10" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_10.jpg" width="690" height="350" /></a></p>
<p>Celestino è un tema completamente responsive e multipurpose, altamente configurabile. Offre moltissime funzionalità, come lo shortcode manager, la personalizzazione di elementi grafici com il layout i colori o il font dei contenuti, e molto altro. Non ha nulla che invidiare dai temi di Themeforest.</p>
<h3><a title="Tema wordpress responsive incentrato sui contenuti" href="http://www.matmm.me/typesense/">Typesense</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_01.jpg"><img class="alignnone size-full wp-image-2271" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_01" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_01.jpg" width="690" height="350" /></a></p>
<p>Typesense è un tema responsive semplice, minimalista e focalizzato sui contenuti, molto indicato per blog.</p>
<h3><a title="Vantage - tema wordpress next-generation e multipurpose " href="http://siteorigin.com/theme/vantage/">Vantage</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_02.jpg"><img class="alignnone size-full wp-image-2272" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_02" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_02.jpg" width="690" height="350" /></a></p>
<p>Vantage è un tema versatile e multiuso, che offre un&#8217;alta integrazione con plugin molto utili.</p>
<h3><a title="Socially Awkward - tema wordpress gratuito in css3 e html5" href="http://themehybrid.com/themes/socially-awkward">Socially Awkward</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_03.jpg"><img class="alignnone size-full wp-image-2273" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_03" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_03.jpg" width="690" height="350" /></a></p>
<p>Socially Awkward è un tema responsive scritto in CSS3 ed HTML5, che si integra molto bene con i tuoi social networks.</p>
<h3><a title="Doke Doke - tema professionale utile per lo showcase del proprio portfolio" href="http://luiszuno.com/blog/downloads/doke-doke-wordpress-theme/">Doke Doke</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_04.jpg"><img class="alignnone size-full wp-image-2274" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_04" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_04.jpg" width="690" height="350" /></a></p>
<p>Creato per agenzie creative doke doke è un tema professionale utile per lo showcase del proprio portfolio.</p>
<h3><a title="DW Minion - Tema responsive molto semplice, pulito e minimalista" href="http://www.designwall.com/wordpress/themes/dw-minion/">DW Minion</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_05.jpg"><img class="alignnone size-full wp-image-2275" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_05" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_05.jpg" width="690" height="350" /></a></p>
<p>DW Minion è un tema responsive molto semplice, pulito e minimalista. Molto indicato per blog, offre più tipi di formati per i post.</p>
<h3><a title="Workality Lite - Tema wordpress gratuito completamente responsive, indicato per creativi e agenzie" href="http://northeme.com/theme/workality-lite/">WORKALITY Lite</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_06.jpg"><img class="alignnone size-full wp-image-2276" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_06" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_06.jpg" width="690" height="350" /></a></p>
<p>Workality Lite è un tema wordpress gratuito completamente responsive, indicato per creativi e agenzie. Offre 4 diverse modalità per esporre il proprio portfolio.</p>
<h3><a title="Revera - Tema wordpress basato sul framework Bootstrap 3" href="http://www.fabthemes.com/revera/">Revera</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_07.jpg"><img class="alignnone size-full wp-image-2277" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_07" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_07.jpg" width="690" height="350" /></a></p>
<p>Revera è un tema wordpress basato sul framework Bootstrap 3 e su tutte le sue funzionalità.</p>
<h3><a title="Panoramica - Tema wordpress gratuito accattivante, moderno e professionale" href="http://www.cpothemes.com/theme/panoramica">Panoramica</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_08.jpg"><img class="alignnone size-full wp-image-2278" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_08" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_08.jpg" width="690" height="350" /></a></p>
<p>Panoramica è un tema per mostrare il proprio portfolio, creato per essere visivamente accattivante e allo stesso tempo moderno e professionale.</p>
<h3><a title="TBLOG - Tema wordpress responsive gratuito per portfolio" href="http://www.webdesigntunes.com/portfolio/tblog-free-responsive-wordpress-portfolio-theme/#.UmuxwBZGQeI">TBLOG</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_09.jpg"><img class="alignnone size-full wp-image-2279" alt="10-nuovi-temi-wordpress-gratuiti-di-qualita_09" src="http://www.upcreative.net/wp-content/uploads/2013/10/10-nuovi-temi-wordpress-gratuiti-di-qualita_09.jpg" width="690" height="350" /></a></p>
<p>TBLOG è un tema completamente responsive con layout fluido, molto adatto per blogger, portfolio o per mostrare i propri prodotti.
		</div> 
	</div> <div class="g-hr">
						<span class="g-hr-h">
							<i class="fa fa-chevron-down"></i>
						</span>
					</div>
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5>Temi WordPress Premium:</h5>

		</div> 
	</div> <div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=Colddesign">Avada</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/udesign-wordpress-theme/253220?ref=Colddesign">U-Design WordPress Theme</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Colddesign">Enfold &#8211; Responsive Multi-Purpose Theme</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/00_preview.__large_preview.jpg" class="attachment-full" alt="00_preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/udesign-wordpress-theme/253220?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_Preview.__large_preview.jpg" class="attachment-full" alt="01_Preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/1_preview.__large_preview.jpg" class="attachment-full" alt="1_preview.__large_preview" /></a>
		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/karma-responsive-wordpress-theme/168737?ref=Colddesign">Karma &#8211; Responsive WordPress Theme</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/striking-multiflex-ecommerce-responsive-wp-theme/128763?ref=Colddesign">Striking MultiFlex &amp; Ecommerce Responsive WP Theme</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/king-size-fullscreen-background-wordpress-theme/166299?ref=Colddesign">King Size &#8211; Fullscreen Background WordPress Theme</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/karma-responsive-wordpress-theme/168737?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/1-Karma-Responsive-Wordpress-Theme.__large_preview.png" class="attachment-full" alt="1-Karma-Responsive-Wordpress-Theme.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/striking-multiflex-ecommerce-responsive-wp-theme/128763?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/striking-mf-tf-large-preview.__large_preview.jpg" class="attachment-full" alt="striking-mf-tf-large-preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/king-size-fullscreen-background-wordpress-theme/166299?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_presentation.__large_preview.jpg" class="attachment-full" alt="01_presentation.__large_preview" /></a>
		</div> 
	</div> </div></div></div></div>
</div></div><p>The post <a rel="nofollow" href="https://www.upcreative.net/10-nuovi-temi-wordpress-gratuiti-qualita-scaricare-liberamente/">10 nuovi temi wordpress gratuiti di qualità da scaricare</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.upcreative.net/10-nuovi-temi-wordpress-gratuiti-qualita-scaricare-liberamente/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>8 mobile framework per la creazione di applicazioni in HTML5, CSS e Javascript</title>
		<link>https://www.upcreative.net/8-mobile-framework-per-applicazioni-html5-css-javascript/</link>
		<comments>https://www.upcreative.net/8-mobile-framework-per-applicazioni-html5-css-javascript/#comments</comments>
		<pubDate>Sat, 12 Oct 2013 12:40:21 +0000</pubDate>
		<dc:creator><![CDATA[upcreative]]></dc:creator>
				<category><![CDATA[Risorse]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile first]]></category>
		<category><![CDATA[responsive]]></category>

		<guid isPermaLink="false">http://www.upcreative.net/?p=2075</guid>
		<description><![CDATA[<p>Nell&#8217; ultimo articolo avevo proposto 10 framework per creare progetti responsive, alcuni mobile first (orientati in primo luogo ai dispositivi mobile). Tuttavia gli sviluppatori che vogliono realizzare applicazioni o siti web esclusivamente destinati a smartphone e tablets, nella maggior parte</p>
<p>The post <a rel="nofollow" href="https://www.upcreative.net/8-mobile-framework-per-applicazioni-html5-css-javascript/">8 mobile framework per la creazione di applicazioni in HTML5, CSS e Javascript</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div class="l-submain"><div class="l-submain-h g-html i-cf"><div class="g-cols"></div><div class="full-width"></div>
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
		</div> 
	</div> 
<p>Nell&#8217; ultimo articolo avevo proposto <a title="I 10 migliori framework responsive CSS" href="http://www.upcreative.net/web-design-i-10-migliori-framework-responsive-css/"><strong>10 framework per creare progetti responsive</strong></a>, alcuni mobile first (orientati in primo luogo ai dispositivi mobile). Tuttavia gli sviluppatori che vogliono realizzare applicazioni o siti web esclusivamente destinati a smartphone e tablets, nella maggior parte dei casi non hanno bisogno di tutti gli stili CSS ed i componenti Javascrpt messi a disposizione da  framework che prendono in considerazione ogni dispositivo e browser.</p>
<p>Un altro aspetto da prendere in considerazione è quello delle animazioni fra le varie pagine: se vogliamo realizzare un progetto che visivamente si avvicini il più possibile alle applicazioni native, dobbiamo implementare delle transizioni come slide up, slide down, flip ecc., per il passaggio tra una vista ed un altra.</p>
<p>Una buona soluzione, oltre a quella di creare personalmente questi tipi di animazioni (a questo proposito voglio segnalare questo interessante tutorial: <a title="Tutorial: collezione di transizioni CSS3 per pagine" href="http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/">A collection of page transitions</a>), è quella di affidarsi a framework appositamente creati; di seguito ho stilato una lista di <strong>8 mobile frameworks</strong> che ho avuto l&#8217;occasione di provare personalmente.</p>
<p>Questi framework, insieme ad una lista di componenti dagli stili simili a quelli dei sistemi operativi mobili più famosi, presentano una semplice ed intuibile modalità d&#8217;uso.</p>
<h3><a title="Mobile App HTML5 Framework - by Intel" href="http://app-framework-software.intel.com">App Framework &#8211; by Intel</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/Mobile-app-framwework-by-Intel.jpg"><img class="alignnone size-full wp-image-2089" alt="Mobile-app-framwework-by-Intel" src="http://www.upcreative.net/wp-content/uploads/2013/10/Mobile-app-framwework-by-Intel.jpg" width="690" height="300" /></a></p>
<p>Ottimo framework sviluppato dalla Intel: molto leggero, compatibile con jQuery, presenta stili CSS developer-friwndly, transizioni CSS3 fluide, theme builder e un set di temi già pronti per iOS, iOS7, Android (HOLO), Win8/WP8, and Blackberry 10.</p>
<h3><a title="jQuery Mobile html5 app framework" href="http://jquerymobile.com">jQuery Mobile</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/jQuery-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2088" alt="jQuery-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/jQuery-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Si tratta forse del più famoso e diffuso, ottimizzato per tutti i più recenti dispositivi mobili, offre un codice abbastanza leggero e un&#8217;alta possibilità di personalizzazione dei temi. Personalmente trovo limitante il fatto che non dia la possibilità di sviluppare in MVC.</p>
<h3><a title="Sencha Touch Mobile App Framework" href="http://www.sencha.com/products/touch">Sencha Touch</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/sencha-touch-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2091" alt="sencha-touch-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/sencha-touch-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Sencha è un ottimo tool per la creazione di mobile apps; con stili facili da personalizzare e scritto in MVC, è uno dei migliori. Unica pecca, la documentazione e supporto devono essere acquistati.</p>
<h3><a title="App UI HTML5 mobile App framework" href="http://triceam.github.io/app-UI/">APP UI</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/app-ui-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2084" alt="app-ui-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/app-ui-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Interessante collezione open source di componenti HTML5 per la creazione di applicazioni mobile, promette di essere costantemente aggiornato. Presenta transizioni CSS3 e stili facilmente personalizzabili.</p>
<h3><a title="Framework per la creazione di applicazioni mobile" href="http://www.chocolatechip-ui.com">ChocolateChip-UI</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/chocloate-chip-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2085" alt="chocloate-chip-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/chocloate-chip-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Uno di quelli che preferisco maggiormente ed uno dei più recenti. Il solo (almeno per adesso) che fornisce un tema pronto stile iOS7, oltre a quelli Windows Phone e Android. Molto facile da personalizzare, presenta una buona collezione d componenti Javascript.</p>
<h3><a title="Ratchet Mobile app CSS e Javascript framework" href="http://maker.github.io/ratchet/">Ratchet</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/ratchet-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2090" alt="ratchet-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/ratchet-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Framework molto semplice che offre componenti HTML, CSS, Jacascript di base ed una grafica abbastanza recente e facilmente modificabile, ottimo da usare come base di partenza per una applicazione mobile.</p>
<h3><a title="Framework per creare applicazioni mobile in stile android" href="http://jaunesarmiento.me/fries/index.html">Fries</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/fries-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2086" alt="fries-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/fries-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Presenta un set di componenti abbastanza vasto e una buona fluidità nelle animazioni. Molto indicato per sviluppare app in stile android.</p>
<h3><a title="jQtouch mobile framework" href="http://jqtjs.com">jQ Touch</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/jQtouch-mobile-app-framework.jpg"><img class="alignnone size-full wp-image-2087" alt="jQtouch-mobile-app-framework" src="http://www.upcreative.net/wp-content/uploads/2013/10/jQtouch-mobile-app-framework.jpg" width="690" height="300" /></a></p>
<p>Un tool abbastanza buono per quanto riguarda animazioni e componenti, un po&#8217; meno invece per i temi e la grafica, che sembra non restare molto al passo con i tempi.</p>
<h2>Crea la tua mobile app in HTML, CSS3 e Javascript</h2>
<p>Se sei un web designer e vuoi realizzare la tua applicazione mobile da distribuire nei vari stores, forse sarai interessato al mio e-book: <strong><a title="Html Mobile Accelerato - Come realizzare HTML Mobile App fluide e preformanti" href="http://www.upcreative.net/html-mobile-accelerato/">HTML Mobile Accelerato</a></strong>, dove troverai consigli e tecniche di cui ho creato per i miei clienti oltre 10 applicazioni mobile, tra cui due progetti personali:<strong> <a title="Tint Weather App - HTML, CSS3 e javascript mobile app" href="http://www.upcreative.net/tint-weather-app/">Tint Weather App</a> e <a title="Dieta SI o NO? - HTML, CSS3 e javascript mobile app" href="http://www.upcreative.net/app-dieta-si-o-no/">Dieta SI o NO?</a></strong></p>
<p>Grazie ad esso verrai a conoscenza di tutte quelle tecniche che renderanno la tua applicazione mobile fluida e reattiva come quelle native.</p>
<p style="text-align: center;"> <a href="http://www.upcreative.net/html-mobile-accelerato/"><img class="size-full wp-image-2689 aligncenter" alt="HTML-mobile-accelerato-ebook-cover" src="http://www.upcreative.net/wp-content/uploads/2013/11/HTML-mobile-accelerato-ebook-cover1.png" width="563" height="418" /></a></p>
</div></div><p>The post <a rel="nofollow" href="https://www.upcreative.net/8-mobile-framework-per-applicazioni-html5-css-javascript/">8 mobile framework per la creazione di applicazioni in HTML5, CSS e Javascript</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.upcreative.net/8-mobile-framework-per-applicazioni-html5-css-javascript/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Web design: i 10 migliori CSS framework responsive</title>
		<link>https://www.upcreative.net/web-design-i-10-migliori-framework-responsive-css/</link>
		<comments>https://www.upcreative.net/web-design-i-10-migliori-framework-responsive-css/#comments</comments>
		<pubDate>Sat, 05 Oct 2013 14:39:43 +0000</pubDate>
		<dc:creator><![CDATA[upcreative]]></dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Risorse]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[bootstrap]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javscript]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[responsive]]></category>

		<guid isPermaLink="false">http://www.upcreative.net/?p=1952</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://www.upcreative.net/web-design-i-10-migliori-framework-responsive-css/">Web design: i 10 migliori CSS framework responsive</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div class="l-submain"><div class="l-submain-h g-html i-cf"><div class="g-cols"><div class="full-width">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			Come si sà il tempo è denaro, e usare un framework CSS Responsive per velocizzare ed automatizzare i tempi di avvio ed i settings iniziali dei propri lavori è diventata ormai una caratteristica fondamentale per qualsiasi web designer.</p>
<h3>Ma cos&#8217;è un framework?</h3>
<blockquote><p>Un <b>framework</b> è una struttura logica di supporto su cui un <a title="Software" href="http://it.wikipedia.org/wiki/Software">software</a> può essere progettato e realizzato, spesso facilitandone lo sviluppo</p>
<p><em>Fonte <a href="http://it.wikipedia.org/wiki/Framework">wikipedia</a></em></p></blockquote>
<p>Nel mondo del web design, per essere più specifici, un framework è <strong>l&#8217;insieme strutturato di file (perlopiù HTML, CSS e Javascript), cartelle e codice standardizzato secondo una logica</strong>, che viene utilizzato come fondamenta o supporto per la creazione di un nuovo sito o applicazione web.</p>
<p>Lo scopo di un framework è quindi quello di fornire una base di partenza comune in modo tale che il web designer non debba riscrivere da zero i propri progetti ogni volta, ma possa affidarsi ad una logica di codice solida e comune.</p>
<p>In questo articolo voglio aiutare gli web designer che sono alla ricerca di un framework, ma che ancora non conoscono molto bene le caratteristiche di quelli più utilizzati, proponendo 10 dei <strong>migliori framework responsive CSS e open source </strong>per la creazione di interfacce grafiche.</p>
<p>Siccome i termini <strong>Mobile First</strong> e <strong>Responsive</strong>, con l&#8217;avvento e la diffusione di dispositivi mobili sono diventati un must, di seguito ho elencato solo quei Framework che presentano queste funzionalità.</p>
<h5>Prima di iniziare</h5>
<p>Molte volte, per mancanza di budget o di tempo, ci dobbiamo affidare a dei <strong>template responsive premium</strong>; prima di mostrarti la lista dei migliori framework responsive ti voglio segnalare questi ottimi temi responsive di altissima qualità che ho avuto l&#8217;occasione di usare per alcuni dei miei progetti:
		</div> 
	</div> <div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=Colddesign">Metronic &#8211; Responsive Admin Dashboard Template </a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/porto-responsive-html5-template/4106987?ref=Colddesign">Porto &#8211; Responsive HTML5 Template</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/smartstart-responsive-html5-template/1674915?ref=Colddesign">SmartStart &#8211; Responsive HTML5 Template</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/preview_01.__large_preview.jpg" class="attachment-full" alt="preview_01.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/porto-responsive-html5-template/4106987?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/Preview.__large_preview.png" class="attachment-full" alt="Preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/smartstart-responsive-html5-template/1674915?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_Preview.__large_preview1.jpg" class="attachment-full" alt="01_Preview.__large_preview" /></a>
		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/synergy-responsive-interactive-html-portfolio/3054099?ref=Colddesign">Synergy &#8211; Responsive &amp; Interactive HTML Portfolio</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/karma-responsive-clean-website-template/234990?ref=Colddesign">Karma &#8211; Responsive Clean Website Template</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/developr-fully-responsive-admin-skin/2085628?ref=Colddesign">Developr &#8211; Fully Responsive Admin Skin</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/synergy-responsive-interactive-html-portfolio/3054099?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/synergy_preview.__large_preview.jpg" class="attachment-full" alt="synergy_preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/karma-responsive-clean-website-template/234990?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_preview.__large_preview.jpg" class="attachment-full" alt="01_preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/developr-fully-responsive-admin-skin/2085628?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_splash.__large_preview.jpg" class="attachment-full" alt="01_splash.__large_preview" /></a>
		</div> 
	</div> </div></div><div class="g-hr">
						<span class="g-hr-h">
							<i class="fa fa-chevron-down"></i>
						</span>
					</div>
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			<a style="font-size: 1.8em; line-height: 1.2em;" title="Mobile first front-end framework per uno sviluppo web più veloce ed intuitivo" href="http://getbootstrap.com">Bootstrap</a></p>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_01.jpg"><img class="alignnone size-full wp-image-1958" alt="i-10-migliori-framework-responsive-CSS_01" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_01.jpg" width="690" height="340" /></a></p>
<p>E&#8217; sicuramente il più famoso, e quello che ha bisogno di meno presentazioni; elegante, intuitivo e veloce. Dispone di un&#8217;ottima libreria di componenti javascript, un&#8217;ottima documentazione e dalla versione 3.0 è diventato <strong>mobile-first. </strong>Sviluppato da Twitter, Bootstrap 3 utilizza <a href="http://lesscss.org">LESS</a> e, compilato tramite <a href="http://nodejs.org">Node.js</a>, offre nella sezione <em>Customize</em> la possibilità di <strong>personalizzare quasi ogni aspetto grafico</strong> tramite delle variabili prima del download.</p>
<h3><!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> <a title="Il più avanzato front-end framework responsive al mondo" href="http://foundation.zurb.com">Foundation</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_02.jpg"><img class="alignnone size-full wp-image-1959" alt="i-10-migliori-framework-responsive-CSS_02" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_02.jpg" width="690" height="340" /></a></p>
<p>Si presenta come il più avanzato front-end framework responsive al mondo. Anch&#8217;esso mobile-first, fa della <strong>semanticità</strong> del codice uno dei suoi punti di forza, &#8220;per poter scrivere un markup pulito senza sacrificare l&#8217;utilità e la velocità del framework&#8221;. Come Bootstrap, presenta un&#8217;ottima libreria di componenti javascript.</p>
<h3><a title="Framework responsive per web app leggere e veloci" href="http://topcoat.io">Topcoat</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_03.jpg"><img class="alignnone size-full wp-image-1960" alt="i-10-migliori-framework-responsive-CSS_03" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_03.jpg" width="690" height="340" /></a></p>
<p>Framework CSS per applicazioni web pulite e veloci. Disegnato per garantire le massime performance, Topcoat presenta una bella collezione di componenti UI, è facilmente personalizzabile e permette anche il <strong>donwload in PSD degli elementi dell&#8217;interfaccia</strong>.</p>
<h3><a title="Un set leggero di moduli CSS da utilizzare in ogni tipo di progetto web" href="http://purecss.io">Pure</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_04.jpg"><img class="alignnone size-full wp-image-1961" alt="i-10-migliori-framework-responsive-CSS_04" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_04.jpg" width="690" height="340" /></a></p>
<p>Pure è si presenta come un set leggero di moduli CSS da utilizzare in ogni tipo di progetto web. Offre una buona documentazione ed effettivamente è molto leggero (il peso totale è di soli 6KB).</p>
<h3><!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> <a title="Boilerplate framework per la creazione di siti web responsive e mobile-ready" href="http://www.getskeleton.com">Skeleton</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_05.jpg"><img class="alignnone size-full wp-image-1962" alt="i-10-migliori-framework-responsive-CSS_05" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_05.jpg" width="690" height="340" /></a></p>
<p>Skeleton è un framework semplice e pulito per siti web e applicazioni HTML5. Mette a disposizione solamente gli elementi di cui hai bisogno, niente di più. Come Topcoat permette il download  di un <strong>template PSD per il mock up</strong> dei tuoi lavori.</p>
<h3><a title="Framework CSS modulare per siti web flessibili, accessibili e responsive" href="http://www.yaml.de">YAML</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_06.jpg"><img class="alignnone size-full wp-image-1963" alt="i-10-migliori-framework-responsive-CSS_06" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_06.jpg" width="690" height="340" /></a></p>
<p>Framework CSS modulare per siti web flessibili, accessibili e responsive. Anche questo molto leggero (5.9 KB) e costruito utilizzando <a title="SASS per CSS" href="http://sass-lang.com">SASS</a>, è testato and supportato dalla maggior parte dei browser come Chrome, Firefox, Opera, Safari ed Internet Explorer.</p>
<h3><a title="Framework CSS flessibile e responsive" href="http://gumbyframework.com">Gumby</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_07.jpg"><img class="alignnone size-full wp-image-1964" alt="i-10-migliori-framework-responsive-CSS_07" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_07.jpg" width="690" height="340" /></a></p>
<p>Framework CSS flessibile e responsive. Presenta una buona libreria di elementi UI e include diversi tipi di griglie con molte variazioni di colonne, che permettono di avere la massima flessibilità durante l&#8217;intero processo di realizzazione di qualsiasi progetto.</p>
<h3><a title="Framework CSS professionale" href="http://imperavi.com/kube/">Kube</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_08.jpg"><img class="alignnone size-full wp-image-1965" alt="i-10-migliori-framework-responsive-CSS_08" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_08.jpg" width="690" height="340" /></a></p>
<p>Dai creatori di <a title="Javascript Editor" href="http://imperavi.com/redactor/"><strong>Redactor.js</strong></a>, Kube si presenta come un framework CSS per sviluppatori professionali. Dispone di un sistema di griglie rivoluzionario e offre molta libertà sulla codifica degli stili.</p>
<h3><a title="Responsive HTML5 e Javascript toolkit" href="http://groundwork.sidereel.com">Groundwork</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_09.jpg"><img class="alignnone size-full wp-image-1966" alt="i-10-migliori-framework-responsive-CSS_09" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_09.jpg" width="690" height="340" /></a></p>
<p>Compilato anch&#8217;esso tramite SASS, Groundwork CSS è un buon toolkit HTML5 Responsive e Javascript.</p>
<h3><a title="Responsive Framework CSS" href="http://tuktuk.tapquo.com">Tuktuk</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_10.jpg"><img class="alignnone size-full wp-image-1967" alt="i-10-migliori-framework-responsive-CSS_10" src="http://www.upcreative.net/wp-content/uploads/2013/10/i-10-migliori-framework-responsive-CSS_10.jpg" width="690" height="340" /></a></p>
<p>Framework Responsive per dare flessibilità ai propri progetti facilmente. Usa funzionalità CSS 3, è leggero e veloce</p>
<h3>Bella lista, ma quale dei framework scegliere?</h3>
<p>Scegliere il proprio framework non è sicuramente facile, e si può dire che per poter capire meglio quale fa al caso nostro bisogna  all&#8217;inizio provarli direttamente; tuttavia altri aspetti possono essere considerati nella scelta:</p>
<ul>
<li>La grandezza e il tipo di progetto che devi realizzare</li>
<li>La facilità e la velocità di scrittura del codice</li>
<li>La documentazione (più dettagliata è, e più veloce riuscirai a capire come utilizzare il framework)</li>
<li>Con quale frequenza il framework viene aggiornato ed il supporto a lungo termine</li>
<li>La velocità di installazione</li>
<li>Il numero di opzioni disponibili</li>
<li>L&#8217;integrazione con altri sistemi</li>
<li>La leggerezza dei file inclusi</li>
</ul>
<p>E tu quale utilizzerai? Se hai altre ottime soluzioni da segnalare, non esitare a segnalarle nei commenti!
		</div> 
	</div> <div class="g-hr">
						<span class="g-hr-h">
							<i class="fa fa-chevron-down"></i>
						</span>
					</div>
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5>Template responsive premium</h5>

		</div> 
	</div> <div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5><a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=Colddesign">Metronic &#8211; Responsive Admin Dashboard Template </a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/porto-responsive-html5-template/4106987?ref=Colddesign">Porto &#8211; Responsive HTML5 Template</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/smartstart-responsive-html5-template/1674915?ref=Colddesign">SmartStart &#8211; Responsive HTML5 Template</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/preview_01.__large_preview.jpg" class="attachment-full" alt="preview_01.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/porto-responsive-html5-template/4106987?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/Preview.__large_preview.png" class="attachment-full" alt="Preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/smartstart-responsive-html5-template/1674915?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_Preview.__large_preview1.jpg" class="attachment-full" alt="01_Preview.__large_preview" /></a>
		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/synergy-responsive-interactive-html-portfolio/3054099?ref=Colddesign">Synergy &#8211; Responsive &amp; Interactive HTML Portfolio</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/karma-responsive-clean-website-template/234990?ref=Colddesign">Karma &#8211; Responsive Clean Website Template</a></h5>

		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_text_column ">
		<div class="wpb_wrapper">
			
<h5 itemprop="name"><a href="http://themeforest.net/item/developr-fully-responsive-admin-skin/2085628?ref=Colddesign">Developr &#8211; Fully Responsive Admin Skin</a></h5>

		</div> 
	</div> </div></div><div class="g-cols"><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/synergy-responsive-interactive-html-portfolio/3054099?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/synergy_preview.__large_preview.jpg" class="attachment-full" alt="synergy_preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/karma-responsive-clean-website-template/234990?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_preview.__large_preview.jpg" class="attachment-full" alt="01_preview.__large_preview" /></a>
		</div> 
	</div> </div><div class="one-third">
	<div class="wpb_single_image wpb_content_element align_center">
		<div class="wpb_wrapper">
			
			<a href="http://themeforest.net/item/developr-fully-responsive-admin-skin/2085628?ref=Colddesign"><img width="590" height="300" src="http://www.upcreative.net/wp-content/uploads/2013/10/01_splash.__large_preview.jpg" class="attachment-full" alt="01_splash.__large_preview" /></a>
		</div> 
	</div> </div></div></div></div>
</div></div><p>The post <a rel="nofollow" href="https://www.upcreative.net/web-design-i-10-migliori-framework-responsive-css/">Web design: i 10 migliori CSS framework responsive</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.upcreative.net/web-design-i-10-migliori-framework-responsive-css/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Design inspiration: 20 web design creativi da cui prendere ispirazione</title>
		<link>https://www.upcreative.net/design-inspiration-web-design-creativi-cui-prendere-ispirazione/</link>
		<comments>https://www.upcreative.net/design-inspiration-web-design-creativi-cui-prendere-ispirazione/#comments</comments>
		<pubDate>Wed, 11 Sep 2013 19:50:41 +0000</pubDate>
		<dc:creator><![CDATA[upcreative]]></dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web inspiration]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design inspiration]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[responsive]]></category>

		<guid isPermaLink="false">http://www.upcreative.net/?p=1669</guid>
		<description><![CDATA[<p>Il mondo del web è in continuo fermento ed evoluzione, e con l&#8217;abbandono sempre più consistente dei browser obsoleti da parte degli utenti, le vecchie tecnologie di sviluppo stanno lasciando uno spazio sempre maggiore alle nuove, come HTML5, CSS3, media</p>
<p>The post <a rel="nofollow" href="https://www.upcreative.net/design-inspiration-web-design-creativi-cui-prendere-ispirazione/">Design inspiration: 20 web design creativi da cui prendere ispirazione</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div class="l-submain"><div class="l-submain-h g-html i-cf"><p><!--?xml version="1.0" encoding="UTF-8" standalone="no"?--></p>
<p>Il mondo del web è in continuo fermento ed evoluzione, e con l&#8217;abbandono sempre più consistente dei browser obsoleti da parte degli utenti, le vecchie tecnologie di sviluppo stanno lasciando uno spazio sempre maggiore alle nuove, come HTML5, CSS3, media query (e quindi responsive layout) ecc.. Uno dei modi migliori per ogni web designer di accrescere la propria creatività consiste anche nel prendere spunto dai lavori di successo dei propri colleghi.</p>
<div>E&#8217; proprio per questo scopo, incoraggiare l&#8217;arte o la capacità cognitiva della mente di creare e inventare (<a title="La creatività - wikipedia" href="http://it.wikipedia.org/wiki/Creatività">la creatività, secondo wikipedia</a>), che oggi voglio condividere con voi alcuni siti web dal design e dall&#8217;interattività altamente accattivanti.</div>
<div></div>
<h3><a title="Web design creativity" href="http://www.madebyblock.com">Made By Block</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_01.jpg"><img class="alignnone size-full wp-image-1672" alt="web-inspiration_1_01" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_01.jpg" width="690" height="380" /></a></p>
<h3><a title="Web design creativity" href="http://www.fillet.com.br">Fillet</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_02.jpg"><img class="alignnone size-full wp-image-1673" alt="web-inspiration_1_02" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_02.jpg" width="690" height="326" /></a></p>
<h3><a href="http://www.zegna.com/it/home.html">Ermenegildo Zegna</a></h3>
<h5><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_03.png"><img class="alignnone size-full wp-image-1674" alt="web-inspiration_1_03" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_03.png" width="690" height="462" /></a></h5>
<h3><a href="http://speckyboy.com/2013/09/08/mix-and-match-typography/">Chris Wilhite</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_04.png"><img class="alignnone size-full wp-image-1675" alt="web-inspiration_1_04" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_04.png" width="690" height="461" /></a></p>
<h3><a href="http://www.btlbrands.com">BTL Brands</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_05.png"><img class="alignnone size-full wp-image-1676" alt="web-inspiration_1_05" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_05.png" width="690" height="463" /></a></p>
<h3><a href="http://fontstage.de">Fontwalk</a></h3>
<h3><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_06.png"><img class="alignnone size-full wp-image-1677" alt="web-inspiration_1_06" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_06.png" width="690" height="462" /></a></h3>
<h3><a href="http://jacksonvilleartwalk.com">Jacksonville Art Walk</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_07.png"><img class="alignnone size-full wp-image-1678" alt="web-inspiration_1_07" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_07.png" width="690" height="461" /></a></p>
<h3><a href="http://wildbluetech.com">Wild Blue</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_08.png"><img class="alignnone size-full wp-image-1679" alt="web-inspiration_1_08" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_08.png" width="690" height="461" /></a></p>
<h3><a href="http://beurreandsel.com/">Beurre &amp; Sel</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_09.png"><img class="alignnone size-full wp-image-1680" alt="web-inspiration_1_09" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_09.png" width="690" height="501" /></a></p>
<h3><a href="http://thedrawingroomcreative.com/">The Drawing Room</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_10.png"><img class="alignnone size-full wp-image-1681" alt="web-inspiration_1_10" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_10.png" width="690" height="381" /></a></p>
<h3><a href="http://www.welovenoise.com/">We Love Noise</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_11.png"><img class="alignnone size-full wp-image-1682" alt="web-inspiration_1_11" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_11.png" width="690" height="376" /></a></p>
<h3><a href="http://tour.kathart.dk/">KathArt</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_12.png"><img class="alignnone size-full wp-image-1683" alt="web-inspiration_1_12" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_12.png" width="690" height="382" /></a></p>
<h3><a href="http://www.wacom.com/">Wacom</a></h3>
<h3><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_13.png"><img class="alignnone size-full wp-image-1684" alt="web-inspiration_1_13" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_13.png" width="690" height="393" /></a></h3>
<h3><a href="http://www.julianabicycles.com/">Juliana Bicycles</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_14.png"><img class="alignnone size-full wp-image-1685" alt="web-inspiration_1_14" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_14.png" width="690" height="360" /></a></p>
<h3><a href="http://www.paperandpaint.dk/">Paper &amp; Paint</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_15.png"><img class="alignnone size-full wp-image-1686" alt="web-inspiration_1_15" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_15.png" width="690" height="559" /></a></p>
<h3><a href="http://www.trask-industries.com/#/genetics">Trask Industries</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_16.png"><img class="alignnone size-full wp-image-1687" alt="web-inspiration_1_16" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_16.png" width="690" height="392" /></a></p>
<h3><a href="http://www.lucasnikitczuk.com.ar/">Lucas Nikitczuk</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_17.png"><img class="alignnone size-full wp-image-1688" alt="web-inspiration_1_17" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_17.png" width="690" height="422" /></a></p>
<h3><a href="http://www.oneyogurtaday.com">Danone – One Yogurt a Day</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_18.jpg"><img class="alignnone size-full wp-image-1689" alt="web-inspiration_1_18" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_18.jpg" width="690" height="388" /></a></p>
<h3><a href="http://sammarkiewi.cz">Sam Markiewicz</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_19.jpg"><img class="alignnone size-full wp-image-1690" alt="web-inspiration_1_19" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_19.jpg" width="690" height="388" /></a></p>
<h3><a href="http://www.wandi.fr/Accueil/Bienvenue.sls">Wandi Studio</a></h3>
<p><a ref="magnificPopup" href="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_20.jpg"><img class="alignnone size-full wp-image-1692" alt="web-inspiration_1_20" src="http://www.upcreative.net/wp-content/uploads/2013/09/web-inspiration_1_20.jpg" width="690" height="446" /></a></p>
</div></div><p>The post <a rel="nofollow" href="https://www.upcreative.net/design-inspiration-web-design-creativi-cui-prendere-ispirazione/">Design inspiration: 20 web design creativi da cui prendere ispirazione</a> appeared first on <a rel="nofollow" href="https://www.upcreative.net">upCreative</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.upcreative.net/design-inspiration-web-design-creativi-cui-prendere-ispirazione/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
