<?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>Gaya Design &#187; DIY</title>
	<atom:link href="http://www.gayadesign.com/topic/diy/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gayadesign.com</link>
	<description>PHP, CSS, xhtml, javascript / jquery tutorials</description>
	<lastBuildDate>Fri, 27 Jan 2012 08:15:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Kickstart app development for Spotify</title>
		<link>http://www.gayadesign.com/diy/kickstart-app-development-for-spotify/</link>
		<comments>http://www.gayadesign.com/diy/kickstart-app-development-for-spotify/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 19:12:17 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[manifest.json]]></category>
		<category><![CDATA[spotify]]></category>
		<category><![CDATA[webapp]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=799</guid>
		<description><![CDATA[So you've decided to go ahead and develop an app for Spotify. Great! Starting off might be a pain though if you're not well informed.
In this article I'll give you a boost in developing for Spotify and warn you for common mistakes I've made.

App development for Spotify is not hard! It's mainly HTML, CSS and Javascript, which you are probably already familiar with.

<a class="border" href="http://www.gayadesign.com/diy/kickstart-app-development-for-spotify"><img class="aligncenter size-full wp-image-806" title="spotify" src="http://www.gayadesign.com/wp-content/uploads/2012/01/spotify.jpg" alt="" width="580" height="116" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/kickstart-app-development-for-spotify/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress Plugin: Complete Language Switcher</title>
		<link>http://www.gayadesign.com/diy/wordpress-plugin-complete-language-switcher/</link>
		<comments>http://www.gayadesign.com/diy/wordpress-plugin-complete-language-switcher/#comments</comments>
		<pubDate>Wed, 04 Jan 2012 09:03:08 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[xili-lang]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=766</guid>
		<description><![CDATA[A while ago I uploaded a new plugin to the Wordpress plugin directory called Complete Language Switcher. Using this plugin enables you to easily make a multilingual blog with Wordpress to give the user the best experience in a language you provide.

<a class="border" href="http://www.gayadesign.com/diy/wordpress-plugin-complete-language-switcher/"><img src="http://www.gayadesign.com/wp-content/uploads/2012/01/completelangswitcher.jpg" alt="" title="completelangswitcher" width="580" height="140" class="aligncenter size-full wp-image-768" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/wordpress-plugin-complete-language-switcher/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>QueryLoader2 &#8211; Preload your images with ease</title>
		<link>http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/</link>
		<comments>http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 20:10:38 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[load images]]></category>
		<category><![CDATA[preload]]></category>
		<category><![CDATA[preloader]]></category>
		<category><![CDATA[queryLoader]]></category>
		<category><![CDATA[queryLoader2]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=678</guid>
		<description><![CDATA[Gaya Design is back in business and hitting hard with a redo of the 2009 script QueryLoader. I kept getting e-mails and comments about it and thought I had left it just hanging there for way too long. It had become very outdated. So here it is: version 2 of QueryLoader!

<a class="border" href="http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/"><img src="http://www.gayadesign.com/wp-content/uploads/2011/10/ql2header.jpg" alt="" title="ql2header" width="580" height="154" class="aligncenter size-full wp-image-684" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/feed/</wfw:commentRss>
		<slash:comments>123</slash:comments>
		</item>
		<item>
		<title>Text with Moving Backgrounds with jQuery</title>
		<link>http://www.gayadesign.com/diy/text-with-moving-backgrounds-with-jquery/</link>
		<comments>http://www.gayadesign.com/diy/text-with-moving-backgrounds-with-jquery/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 18:19:25 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[animate]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[moving backgrounds]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[transparency]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=632</guid>
		<description><![CDATA[Personally, I am a huge fan of negative space in design. This got me thinking while I was trying to accomplish something different. Normally a textual caption would be positioned above a background, but I wanted to do it the other way around: place the background in the letters.
I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity.

This article will explain what you need to do create an effect like this yourself.

<a href="http://www.gayadesign.com/diy/text-with-moving-backgrounds-with-jquery/" class="border"><img src="http://www.gayadesign.com/wp-content/uploads/2010/01/movingbgcover.jpg" alt="Text with Moving Backgrounds with jQuery" title="Text with Moving Backgrounds with jQuery" width="580" height="254" class="aligncenter size-full wp-image-635" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/text-with-moving-backgrounds-with-jquery/feed/</wfw:commentRss>
		<slash:comments>92</slash:comments>
		</item>
		<item>
		<title>Presentation Cycle: Cycle with a progressbar</title>
		<link>http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/</link>
		<comments>http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 16:34:53 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[cycle]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[presentations]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=559</guid>
		<description><![CDATA[<a href="http://www.malsup.com/jquery/cycle/">Cycle</a> is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements.

Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

In this article I'll explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar.

<a class="border" href="http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar" rel="attachment wp-att-560"><img src="http://www.gayadesign.com/wp-content/uploads/2009/11/presentationCycle.jpg" alt="presentationCycle" title="presentationCycle" width="580" height="253" class="aligncenter size-full wp-image-560" /></a><!-- technorati 82PT68E7893B -->]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/feed/</wfw:commentRss>
		<slash:comments>135</slash:comments>
		</item>
		<item>
		<title>QueryLoader &#8211; preload your website in style</title>
		<link>http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/</link>
		<comments>http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 11:43:28 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[preload]]></category>
		<category><![CDATA[preloader]]></category>
		<category><![CDATA[queryLoader]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=489</guid>
		<description><![CDATA[There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: "Loading page" or have an animated image that spins. Why can't there be a nice loading bar of some kind?
I've gotten a few request on how to make a preloader, or people asking me how to get all the images of a web page and preload them (even the images in CSS).

This preloader has it all. Loading bar, custom animations and getting all images included in the web page.

<div style="background-color: #fcf8bb; padding: 10px; text-align: center; font-size: 1.5em;">
<a href="http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/"> There is a new version of QueryLoader. Consider this one obselete!</a>
</div>

<a class="border" href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/"><img src="http://www.gayadesign.com/wp-content/uploads/2009/09/qloader.jpg" alt="qloader" title="qloader" width="580" height="173" class="aligncenter size-full wp-image-490" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/feed/</wfw:commentRss>
		<slash:comments>595</slash:comments>
		</item>
		<item>
		<title>Circular InterAction menu</title>
		<link>http://www.gayadesign.com/diy/circular-interaction-menu/</link>
		<comments>http://www.gayadesign.com/diy/circular-interaction-menu/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 17:45:20 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=475</guid>
		<description><![CDATA[It's time for another jQuery script from Gaya Design. This time I created an interactive menu, which can be used in CMSes, applications or just on your own website.
This post will show you how this script works and how to apply it in your own environment.

<a href="http://www.gayadesign.com/diy/circular-interaction-menu/" class="border"><img src="http://www.gayadesign.com/wp-content/uploads/2009/09/interactionpost.jpg" alt="interactionpost" title="interactionpost" width="580" height="146" class="aligncenter size-full wp-image-476" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/circular-interaction-menu/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>sNotify: Easy notifications in jQuery</title>
		<link>http://www.gayadesign.com/diy/snotify-easy-notifications-in-jquery/</link>
		<comments>http://www.gayadesign.com/diy/snotify-easy-notifications-in-jquery/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 14:58:01 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[notifications]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[snotify]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=453</guid>
		<description><![CDATA[There hasn't been a jQuery tutorial / script on Gaya Design for a while. This is because I've been working on this particular script for a while and have a lot of other scripts in development.

sNotify is a script which is particularly handy for people who are developing web applications. sNotify allows the developer to display notifications in a fast and easy way.

<a class="border" href="http://www.gayadesign.com/diy/snotify-easy-notifications-in-jquery/"><img src="http://www.gayadesign.com/wp-content/uploads/2009/08/snotify.jpg" alt="snotify" title="snotify" width="580" height="159" class="aligncenter size-full wp-image-454" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/snotify-easy-notifications-in-jquery/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>Puffing Smoke Effect in jQuery</title>
		<link>http://www.gayadesign.com/diy/puffing-smoke-effect-in-jquery/</link>
		<comments>http://www.gayadesign.com/diy/puffing-smoke-effect-in-jquery/#comments</comments>
		<pubDate>Tue, 26 May 2009 15:07:43 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[gaya design]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[puff]]></category>
		<category><![CDATA[smoke]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=381</guid>
		<description><![CDATA[Since the launch of the new looks, I've been getting some requests on how to make the puffing smoke effect that you can see in the header.

Thinking it might be a funny effect, I'd like to take this opportunity to discuss this effect.

<a rel="attachment wp-att-382" class="border" href="http://www.gayadesign.com/diy/puffing-smoke-effect-in-jquery/"><img class="aligncenter size-full wp-image-382" title="puffingsmoke" src="http://www.gayadesign.com/wp-content/uploads/2009/05/puffingsmoke.jpg" alt="puffingsmoke" width="580" height="198" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/puffing-smoke-effect-in-jquery/feed/</wfw:commentRss>
		<slash:comments>113</slash:comments>
		</item>
		<item>
		<title>Caching external data in PHP</title>
		<link>http://www.gayadesign.com/diy/caching-external-data-in-php/</link>
		<comments>http://www.gayadesign.com/diy/caching-external-data-in-php/#comments</comments>
		<pubDate>Thu, 14 May 2009 19:14:40 +0000</pubDate>
		<dc:creator>Gaya</dc:creator>
				<category><![CDATA[DIY]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[cache]]></category>
		<category><![CDATA[caching]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[classes]]></category>
		<category><![CDATA[external service]]></category>
		<category><![CDATA[last.fm]]></category>
		<category><![CDATA[oo]]></category>
		<category><![CDATA[oop]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[service]]></category>

		<guid isPermaLink="false">http://www.gayadesign.com/?p=349</guid>
		<description><![CDATA[Caching data. If you are a developer you must have heard about it somewhere. Is it really that important? There is only one thing I can say to that: yes!
There are a lot of reasons why you should start caching data that has been calculated. The most common reason is to keep the owner of the data happy, saving him/her bandwidth and server capacity.

In this article I will be telling you how to cache data given from an external service, but can also be used to save local results.

<a href="http://www.gayadesign.com/diy/caching-external-data-in-php/" class="border" rel="attachment wp-att-370"><img src="http://www.gayadesign.com/wp-content/uploads/2009/05/cachingpost.jpg" alt="cachingpost" title="cachingpost" width="580" height="205" class="aligncenter size-full wp-image-370" /></a>]]></description>
		<wfw:commentRss>http://www.gayadesign.com/diy/caching-external-data-in-php/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
	</channel>
</rss>

