<?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>gizstyle.com // grafica nell&#039;animo &#187; jQuery</title>
	<atom:link href="http://www.gizstyle.com/category/web/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gizstyle.com</link>
	<description>allaroundgraphic//blog</description>
	<lastBuildDate>Thu, 29 Jul 2010 09:11:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>msntribe.it</title>
		<link>http://www.gizstyle.com/2009/09/11/msntribe-it/</link>
		<comments>http://www.gizstyle.com/2009/09/11/msntribe-it/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 07:55:01 +0000</pubDate>
		<dc:creator>giZ</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[messenger]]></category>
		<category><![CDATA[msntribe]]></category>
		<category><![CDATA[tema]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.gizstyle.com/?p=850</guid>
		<description><![CDATA[Dopo un periodo esteso tra sviluppo, variazioni e pause, ora è finalmente in linea il nuovo tema di msntribe.it. Tema ispirato all&#8217;estetica di Windows Live Messenger, il prodotto microsoft racchiude elementi grafici caratteristici come riflessi, elementi tondeggianti, e ampie aree di colore azzurro. Il tema è ovviamente widget ready, l&#8217;80% della struttura è gestibile dall&#8217;amministrazione [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.msntribe.it" target="_blank"><img class="alignnone size-full wp-image-851" title="msntribe" src="http://www.gizstyle.com/wp-content/uploads/msntribe.jpg" alt="msntribe" width="388" height="140" /></a><br />
Dopo un periodo esteso tra sviluppo, variazioni e pause, ora è finalmente in linea il nuovo tema di<a href="http://www.msntribe.it" target="_blank"> msntribe.it</a>.<br />
Tema ispirato all&#8217;estetica di Windows Live Messenger, il prodotto microsoft racchiude elementi grafici caratteristici come riflessi, elementi tondeggianti, e ampie aree di colore azzurro.<br />
Il tema è ovviamente widget ready, l&#8217;80% della struttura è gestibile dall&#8217;amministrazione di wordpress, esclusi spazio ADV e sezione Utilità&#8230;<br />
Crossbrowser, per i prodotti micorsoft scende fino alla versione 7 di IE, per la versione 6 non ci sono le immagini PNG fixate per grossi motivi e compromessi di integrazione grafica e compatibilità, ma ormai non propongo più compatibilità IE6 per il grande pubblico visto anche le recenti decisioni di Microsoft&#8230;<br />
Il tema è gradevole, attualmente giovane nella sua realizzazione e soggetto ancora a sperimentazioni, interessante è il plugin <a href="http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/" target="_blank">styleswitcher</a> per alterare il colore di sfondo del sito stesso, creando un&#8217;affinità con Messenger.<br />
In arrivo abbiamo l&#8217;implementazione del Windows Live Messenger Web Toolkit, l&#8217;integrazione nel sito attraverso API e SDK Microsoft di  una versione lite di Messenger.</p>
<p>Beh, spero sia di vostro gradimento&#8230;<br />
Peace</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gizstyle.com/2009/09/11/msntribe-it/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>diversamenteagibile.it online</title>
		<link>http://www.gizstyle.com/2009/07/27/diversamenteagibile-it-online/</link>
		<comments>http://www.gizstyle.com/2009/07/27/diversamenteagibile-it-online/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 09:25:09 +0000</pubDate>
		<dc:creator>giZ</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[agibile]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[diversamente]]></category>
		<category><![CDATA[diversamenteagibile.it]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[recensioni]]></category>
		<category><![CDATA[sito]]></category>

		<guid isPermaLink="false">http://www.gizstyle.com/?p=820</guid>
		<description><![CDATA[Online, ancora in fase BETA, il sito diversamenteagibile.it. Una struttura blog magazine con un approccio di navigabilità particolare, studiato in modo da ospitare molto contenuto. Diversamente Agibile si occupa  di recensire le strutture che permetto un accesso universale per i disabili, un grande progetto in partenza che ha bisogno di tutto il supporto possibile. Aperto [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.diversamenteagibile.it/" target="_blank"><img class="alignnone size-full wp-image-821" title="diversamenteagibile" src="http://www.gizstyle.com/wp-content/uploads/diversamenteagibile.jpg" alt="diversamenteagibile" width="388" height="140" /></a><br />
Online, ancora in fase BETA, il sito <a href="http://www.diversamenteagibile.it/" target="_blank">diversamenteagibile.it</a>.<br />
Una struttura blog magazine con un approccio di navigabilità particolare, studiato in modo da ospitare molto contenuto.</p>
<p>Diversamente Agibile si occupa  di recensire le strutture che permetto un accesso universale per i disabili, un grande progetto in partenza che ha bisogno di tutto il supporto possibile. Aperto ad iscrizione per chi interessato a collaborazione.</p>
<p>La grafica offre un approccio diretto e intuitivo, rispettando leggibilità e chiarezza nei contenuti, CSS3 per un apparenza tondeggiante per Firefox, Safari e Chrome; implementazione jQuery per lo slider Highlights e l&#8217;interfaccia open/close degli ultimi articoli&#8230;la struttura rimane ancora incompleta in attesa dell&#8217;aumentare la mole dei contenuti&#8230;XHTML Certificato W3C.</p>
<p>Complimenti all&#8217;amministratore maxanima che dimostra ottime capacità nell&#8217;inserire i contenuti con ordine e precisione.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gizstyle.com/2009/07/27/diversamenteagibile-it-online/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>jQuery de/seleziona tutti i checkbox</title>
		<link>http://www.gizstyle.com/2009/07/02/jquery-deseleziona-tutti-i-checkbox/</link>
		<comments>http://www.gizstyle.com/2009/07/02/jquery-deseleziona-tutti-i-checkbox/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 08:21:32 +0000</pubDate>
		<dc:creator>giZ</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.gizstyle.com/?p=760</guid>
		<description><![CDATA[Per esigenza mi è capitato di creare dei tasti per un form con funzione di selezionare e deselezionare tutti i chackbox presenti (select all, deselct all, checkbox). Fare una ricerca in google per questa funzione porta a grossolani script in javascript base, con un totale di molte righe di codice. Perciò meglio creare una funzione [...]]]></description>
			<content:encoded><![CDATA[<p>Per esigenza mi è capitato di creare dei tasti per un form con funzione di selezionare e deselezionare tutti i chackbox presenti (select all, deselct all, checkbox). Fare una ricerca in google per questa funzione porta a grossolani script in javascript base, con un totale di molte righe di codice.<br />
Perciò meglio creare una funzione Light su misura con jQuery, ecco come:</p>
<blockquote><p>Scrivo il mio form,<br />
&lt;form id=&#8221;mio_form&#8221; &gt;<br />
&lt;input type=&#8221;checkbox&#8221; name=&#8221;&#8216;opzione1&#8242;&#8221; /&gt;<br />
&lt;input type=&#8221;checkbox&#8221; name=&#8221;&#8216;opzione2&#8242;&#8221; /&gt;<br />
&lt;input type=&#8221;checkbox&#8221; name=&#8221;&#8216;opzione3&#8242;&#8221; /&gt;<br />
&lt;/form&gt;</p></blockquote>
<blockquote><p>Creo i miei tasti di selezione e deselezione,<br />
&lt;a href=&#8221;#seleziona&#8221; class=&#8221;select-all&#8221;&gt;seleziona tutti&lt;/a&gt;<br />
&lt;a href=&#8221;#deseleziona&#8221; class=&#8221;deselect-all&#8221;&gt;deseleziona&lt;/a&gt;</p></blockquote>
<blockquote><p>Creo la funzione Jaascript/jQuery da inserire nell&#8217;head,<br />
$(document).ready(function(){<br />
$(&#8220;a.select-all&#8221;).click(function(){<br />
$(&#8220;#mio_form input[type=checkbox]&#8220;).attr(&#8216;checked&#8217;, true); });<br />
$(&#8220;a.deselect-all&#8221;).click(function(){<br />
$(&#8220;#mio_form input[type=checkbox]&#8220;).attr(&#8216;checked&#8217;, false); });<br />
});</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.gizstyle.com/2009/07/02/jquery-deseleziona-tutti-i-checkbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.3</title>
		<link>http://www.gizstyle.com/2009/01/15/jquery-13/</link>
		<comments>http://www.gizstyle.com/2009/01/15/jquery-13/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 09:40:39 +0000</pubDate>
		<dc:creator>giZ</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.gizstyle.com/?p=547</guid>
		<description><![CDATA[A quanto pare jQuery nacque il 14 gennaio 2006 quindi arriva a compiere 3 anni, pubblicando la versione 1.3 del noto framework javascript. jQuery secondo i vari test è il framework più performante che il web ci offre, con la nuova versione raggiunge un potenziale notevole introducendo anche nuove feautres. Tra queste vediamo: Sizzle, un [...]]]></description>
			<content:encoded><![CDATA[<p>A quanto pare <a href="http://jquery.com/" target="_blank">jQuery</a> nacque il 14 gennaio 2006 quindi arriva a compiere 3 anni, pubblicando la versione 1.3 del noto framework javascript.<br />
jQuery secondo i vari test è il framework più performante che il web ci offre, con la nuova versione raggiunge un potenziale notevole introducendo anche nuove feautres.<br />
Tra queste vediamo:</p>
<blockquote><p><strong>Sizzle</strong>, un selettore di CSS riscritto che ne migliora la velocità e l&#8217;estensibilità, rendendolo Stand Alone.<br />
<strong>Live Events</strong>, la possibilità di delegare ad un elemento, introdotto in origine dallo stesso framework, nuovi eventi ed effetti.<br />
<strong>jQuery Event Overhaul</strong>, compatibilità dell&#8217;oggetto jQuery.Event riscritta e incrementata rispetto agli standard W3C e il cross-browsing.<br />
<strong>HTML Injection</strong>, l&#8217;inserimento (append) di codice HTML in un documento è stato riscritto alla base del core di jQuery portandone la velocità a 6x in confronto alla vecchia versione.<br />
<strong>Offset Rewrite</strong>, come nel caso precedente il modulo offset (praticamente le azioni jQuery che vediamo a schermo) è stato riscritto incrementando le prestazioni di 3x.<br />
<strong>No More Browser Sniffin</strong>, a quanto pare scopro ora che le librerie js contengono degli identificatori per i browser (jQuery.browser), ovvero a seconda del browser che usi lavorano in modo differente, ora jQuery migliora le compatibilità cross-browser e nasconde l&#8217;oggetto di identificazione (utilizzabile su richiesta di plugin o in futuro) e introduce l&#8217;oggetto  jQuery.support che analizza direttamente il bug, simula la compatibilità col browser e reagisce di conseguenza.</p>
<p>Questa è la mia interpretazione leggendo le specifiche riportate dagli sviluppatori.</p></blockquote>
<p><a href="http://blog.jquery.com/2009/01/14/jquery-13-and-the-jquery-foundation/" target="_blank">Qui troviamo il post su jQuery blog</a> con l&#8217;annuncio della versione 1.3 e <a href="http://docs.jquery.com/Release:jQuery_1.3" target="_blank">qui la completa descrizione</a> dei cambiamenti introdotti della nuova release.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gizstyle.com/2009/01/15/jquery-13/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery background-image changer</title>
		<link>http://www.gizstyle.com/2008/10/02/jquery-background-image-changer/</link>
		<comments>http://www.gizstyle.com/2008/10/02/jquery-background-image-changer/#comments</comments>
		<pubDate>Thu, 02 Oct 2008 12:22:25 +0000</pubDate>
		<dc:creator>giZ</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[change]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[nbackground-image]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://www.gizstyle.com/?p=426</guid>
		<description><![CDATA[Nuovo sito, nuova feature studiata apposta, con jQuery e le API che intervengono sui CSS sono riuscito a costruire un semplice &#8220;background changer&#8221;, in modo da cambiare la fotografia di fondo al &#60;body&#62;. Guardiamo il codice ovviamente includiamo nell&#8217;head il jquery.js: HTML &#60;div class=&#8221;bg 1&#8243;&#62;1&#60;/div&#62; &#60;div class=&#8221;bg 2&#8243;&#62;2&#60;/div&#62; CSS body { background: #fff url(skin/bg0.jpg) center [...]]]></description>
			<content:encoded><![CDATA[<p>Nuovo sito, nuova feature studiata apposta, con jQuery e le API che intervengono sui CSS sono riuscito a costruire un semplice &#8220;background changer&#8221;, in modo da cambiare la fotografia di fondo al &lt;body&gt;.<br />
Guardiamo il codice ovviamente includiamo nell&#8217;head il jquery.js:</p>
<blockquote><p><strong>HTML</strong><br />
&lt;div class=&#8221;bg 1&#8243;&gt;1&lt;/div&gt;<br />
&lt;div class=&#8221;bg 2&#8243;&gt;2&lt;/div&gt;</p></blockquote>
<blockquote><p><strong>CSS</strong><br />
body {<br />
background: #fff url(skin/bg0.jpg) center top no-repeat fixed;<br />
}<br />
.bg {<br />
position:realtive; float:left;<br />
height: 19px; width: 19px;<br />
text-align:center; line-height: 19px;<br />
margin: 0px 1px 1px 0px;<br />
background: #000; color: #fff;<br />
cursor:pointer;<br />
}</p></blockquote>
<blockquote><p><strong>JAVASCRIPT</strong><br />
$(document).ready(function(){<br />
$(&#8220;.bg.1&#8243;).click(function(){<br />
$(&#8220;body&#8221;).css(&#8216;background-image&#8217;,'url(skin/bg1.jpg)&#8217;);<br />
});<br />
$(&#8220;.bg.2&#8243;).click(function(){<br />
$(&#8220;body&#8221;).css(&#8216;background-image&#8217;,'url(skin/bg2.jpg)&#8217;);<br />
});<br />
});</p></blockquote>
<p>Ora non mi resta che implementare i coockie (o con <a href="http://plugins.jquery.com/project/cookie" target="_blank">jquery.coockie.js</a> plugin o direttamente con php) per conservare la scelta del background, se qualcuno ha idee per aggiunte, correzioni e o revisioni ecc, liberissimo di condividerle.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gizstyle.com/2008/10/02/jquery-background-image-changer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
