
<?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>Arti Grafiche della Torre</title>
	<atom:link href="http://www.artigrafichedellatorre.it/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.artigrafichedellatorre.it</link>
	<description>Stampa d&#039;arte, tradizionale e digitale. Progettazione grafica e web design</description>
	<lastBuildDate>Wed, 03 Aug 2011 09:56:54 +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>Bellessere, un sito simil-flash realizzato con jQuery</title>
		<link>http://www.artigrafichedellatorre.it/index.php/2010/07/bellessere-un-sito-simil-flash-realizzato-con-jquery/</link>
		<comments>http://www.artigrafichedellatorre.it/index.php/2010/07/bellessere-un-sito-simil-flash-realizzato-con-jquery/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 13:01:43 +0000</pubDate>
		<dc:creator>sanchini.andrea</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[collaborazione]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Meemi]]></category>
		<category><![CDATA[Motori di ricerca]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.artigrafichedellatorre.it/?p=137</guid>
		<description><![CDATA[Questo è il primo risultato della collaborazione fra WebLogiX e Arti Grafiche della Torre e rappresenta per noi uno step di crescita professionale importante. La grafica è stata realizzata da Michela Rattini. E&#8217; un sito di immagine, una dimostrazione delle potenzialità di jQuery e dei suoi plugin. Soggetto del sito è il centro di bellezza [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.edbellessere.it/"><img class="alignleft" title="logo-nero" src="http://www.quacos.com/wp-content/uploads/logo-nero.png" alt="" width="92" height="52" /></a>Questo è il primo risultato della <a href="http://www.weblogix.biz/IT/Collaboratori/Arti-Grafiche-della-Torre/">collaborazione</a> fra WebLogiX e Arti Grafiche della Torre e rappresenta per noi uno step di crescita professionale importante. La <strong>grafica</strong> è stata realizzata da Michela Rattini. E&#8217; un sito di immagine, una dimostrazione delle potenzialità di <a title="jQuery" href="http://jquery.com/">jQuery</a> e dei suoi plugin. Soggetto del sito è il centro di bellezza e benessere &#8220;<a title="ED Bellessere" href="http://www.edbellessere.it/contatti/">ED Bellessere</a>&#8220;,  di Mercatino Conca.</p>
<p><span id="more-137"></span></p>
<p>Il cliente non desiderava proporre contenuti alla  rete, ma semplicemente trasmettere la sua immagine. Questo spiega la  intro, e l&#8217;aspetto tipico dei siti fatti in <strong>Flash</strong>: ma dato che tale aspetto è stato aggiunto puramente con HTML e <strong>Javascript</strong>, in teoria alcune pagine del sito potrebbero ben posizionarsi sui <strong>motori di ricerca</strong>. E ovviamente il tutto è visibile anche sull&#8217;iPad.</p>
<p>Ecco in dettaglio i <strong>plugin</strong> jQuery utilizzati e le pagine in cui si può vederli in azione:</p>
<ul>
<li><a href="http://www.spritely.net/">Spritely</a>, per il movimento casuale di oggetti: <a href="http://www.edbellessere.it/">Intro</a>, <a href="http://www.edbellessere.it/home.php">Home</a></li>
<li><a href="http://www.wizzud.com/jqDock/">jqDock</a>, per trasformare una lista di immagini in una doc Mac-style: <a href="http://www.edbellessere.it/chi-siamo/">Chi siamo</a></li>
<li><a href="http://sorgalla.com/jcarousel/">jCarousel</a>, per permettere lo scorrimento di una lista di immagini: <a href="http://www.edbellessere.it/chi-siamo/">Chi siamo</a></li>
<li><a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery Lightbox</a>, l&#8217;ormai classico plugin per l&#8217;ingrandimento delle immagini: <a href="http://www.edbellessere.it/chi-siamo/">Chi siamo</a></li>
<li><a href="http://www.dummwiam.com/jTypeWriter">jTypeWriter</a>, effetto stile &#8220;macchina da scrivere&#8221; per i testi: <a href="http://www.edbellessere.it/chi-siamo/mission.php">Mission</a>, <a href="http://www.edbellessere.it/boutique/salone-parrucchieri/prodotti.php">prodotti del salone parrucchieri</a> e <a href="http://www.edbellessere.it/boutique/centro-estetico/prodotti.php">prodotti del centro estetico</a></li>
</ul>
<p>L&#8217;animazione della nuvola dei tag nei <a href="http://www.edbellessere.it/boutique/salone-parrucchieri/servizi.php">vari servizi del salone parrucchieri</a> è merito di <a href="http://preprocess.me/codes/cloud/index.html">Cloud</a>. Per le rotazioni in <a href="http://www.edbellessere.it/boutique/salone-parrucchieri/">Salone Parrucchieri</a> e <a href="http://www.edbellessere.it/boutique/centro-estetico/">Centro Estetico</a> ci siamo avvalsi della <a href="http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html">&#8220;monkey patch&#8221; di Zachstronaut</a>.</p>
<p>Di questo sito si è discusso su <a href="http://meemi.com/quacos/1569351/In-anteprima-esclusiva-per-i-miei-amici-di-Meemi-">Meemi</a>, dove ci è stata suggerita <a href="http://colorpowered.com/colorbox/">Colorbox</a>, un&#8217;interessante evoluzione di Lightbox.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.artigrafichedellatorre.it/index.php/2010/07/bellessere-un-sito-simil-flash-realizzato-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

