<?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>little web things &#187; Projects</title>
	<atom:link href="http://www.littlewebthings.com/category/projects/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.littlewebthings.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Mon, 23 Aug 2010 22:26:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Introducing jQuery Blinds</title>
		<link>http://www.littlewebthings.com/2010/03/introducing-jquery-blinds/</link>
		<comments>http://www.littlewebthings.com/2010/03/introducing-jquery-blinds/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 14:03:06 +0000</pubDate>
		<dc:creator>Vassilis</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[jquery slideshow blinds]]></category>

		<guid isPermaLink="false">http://www.littlewebthings.com/?p=74</guid>
		<description><![CDATA[<a href="http://www.littlewebthings.com/2010/03/introducing-jquery-blinds/"><img align="left" hspace="5" width="150" height="150" src="http://www.littlewebthings.com/wp-content/uploads/2010/03/jquery_blinds-150x150.jpg" class="alignleft wp-post-image tfe" alt="" title="jquery blinds slideshow" /></a>Old idea, new implementation really. I&#8217;ve ported my javascript slideshow to jQuery and this is what came about: jQuery Blinds Enjoy!]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.littlewebthings.com/projects/slideshow">Old idea</a>, new implementation really.</p>
<p>I&#8217;ve ported my javascript slideshow to jQuery and this is what came about:</p>
<p><a href="http://www.littlewebthings.com/projects/blinds/"><img class="alignnone size-full wp-image-75" title="jquery blinds slideshow" src="http://www.littlewebthings.com/wp-content/uploads/2010/03/jquery_blinds.jpg" alt="" width="480" height="245" /></a></p>
<p><a href="http://www.littlewebthings.com/projects/blinds/">jQuery Blinds<br />
</a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.littlewebthings.com/2010/03/introducing-jquery-blinds/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Letters &amp; numbers Map Icons</title>
		<link>http://www.littlewebthings.com/2010/03/letters-numbers-map-icons/</link>
		<comments>http://www.littlewebthings.com/2010/03/letters-numbers-map-icons/#comments</comments>
		<pubDate>Sun, 28 Feb 2010 23:44:26 +0000</pubDate>
		<dc:creator>Vassilis</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[gmap]]></category>
		<category><![CDATA[google maps icons]]></category>
		<category><![CDATA[map]]></category>

		<guid isPermaLink="false">http://www.littlewebthings.com/?p=56</guid>
		<description><![CDATA[<a href="http://www.littlewebthings.com/2010/03/letters-numbers-map-icons/"><img align="left" hspace="5" width="150" height="150" src="http://www.littlewebthings.com/wp-content/uploads/2010/03/map_icons_demo-150x150.jpg" class="alignleft wp-post-image tfe" alt="" title="Map Icons Demo" /></a>I have been fooling around with photoshop scripting today and I tried creating something practical as an exercise. So this turned out: It&#8217;s a simple icon set to be used with interactive maps. The file contains 3 color variations of all capital latin letters and numbers from 0 to 99 in PNG format. Enjoy and [...]]]></description>
			<content:encoded><![CDATA[<p>I have been fooling around with <a href="http://www.ps-scripts.com">photoshop scripting</a> today and I tried creating something practical as an exercise.</p>
<p>So this turned out:</p>
<p><a href="http://www.littlewebthings.com/2010/03/letters-numbers-map-icons/"><img class="alignnone size-full wp-image-57" title="Map Icons Demo" src="http://www.littlewebthings.com/wp-content/uploads/2010/03/map_icons_demo.jpg" alt="" width="480" height="393" /></a></p>
<p><span id="more-56"></span>It&#8217;s a simple icon set to be used with interactive maps.</p>
<p>The file contains 3 color variations of <em>all capital latin letters</em> and <em>numbers from 0 to 99</em> in PNG format.</p>
<p>Enjoy and let me know if something nice comes out of this!</p>
<p><a href="http://www.littlewebthings.com/wp-content/uploads/2010/03/lwt_map_icons.zip">lwt_map_icons.zip</a> <em>(856 KB)</em></p>
<p><em><br />
</em></p>
<p><a rel="license" href="http://creativecommons.org/licenses/by/3.0/gr/"><img class="alignleft" style="border-width: 0pt; margin-right: 15px;" src="http://i.creativecommons.org/l/by/3.0/gr/88x31.png" alt="Creative Commons License" width="88" height="31" /></a><span style="color: #c0c0c0; font-size: 9pt;">lwtMapIcons by <a rel="cc:attributionURL" href="http://www.littlewebthings.com/">Vassilis Dourdounis</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/gr/">Creative Commons Attribution 3.0 Greece License</a>.</span></p>
<p><span style="color: #c0c0c0;"> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.littlewebthings.com/2010/03/letters-numbers-map-icons/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Guitar Tabs PHP Class</title>
		<link>http://www.littlewebthings.com/2010/02/guitar-tabs-php-class/</link>
		<comments>http://www.littlewebthings.com/2010/02/guitar-tabs-php-class/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 17:12:23 +0000</pubDate>
		<dc:creator>Vassilis</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://www.littlewebthings.com/?p=43</guid>
		<description><![CDATA[<a href="http://www.littlewebthings.com/2010/02/guitar-tabs-php-class/"><img align="left" hspace="5" width="150" height="150" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt-tabs-150x150.jpg" class="alignleft wp-post-image tfe" alt="" title="lwt-tabs" /></a>Starting this blog (again!) I found my self wondering about forgotten projects I might want to post here. Somewhere in the mess that is my projects backup folder I found this sweet little thing that someone might like to put to good use. The class accepts lyrics text with tabs included using a specific notation [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt-tabs.jpg"><img class="alignnone size-full wp-image-44" title="lwt-tabs" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt-tabs.jpg" alt="" width="480" height="245" /></a></p>
<p><span id="more-43"></span>Starting this blog (again!) I found my self wondering about forgotten projects I might want to post here.</p>
<p>Somewhere in the mess that is my projects backup folder I found this sweet little thing that someone might like to put to good use.</p>
<p>The class accepts lyrics text with tabs included using a specific notation (<a href="http://www.littlewebthings.com/projects/guitarTabs/">see example</a>).</p>
<p>It outputs formatted lyrics with the tabs included.</p>
<p>Documentation is at a bare minimum, but then again there&#8217;s not much to explain <img src='http://www.littlewebthings.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>You can check/tweak the code your self if you have basic PHP knowledge.</p>
<p>Enjoy!</p>
<p><a href="http://www.littlewebthings.com/projects/guitarTabs/">Guitar Tabs PHP Class page</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.littlewebthings.com/2010/02/guitar-tabs-php-class/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Moving old projects to blog</title>
		<link>http://www.littlewebthings.com/2010/02/moving-old-projects-to-blog/</link>
		<comments>http://www.littlewebthings.com/2010/02/moving-old-projects-to-blog/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 13:44:00 +0000</pubDate>
		<dc:creator>Vassilis</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://www.littlewebthings.com/?p=20</guid>
		<description><![CDATA[<a href="http://www.littlewebthings.com/2010/02/moving-old-projects-to-blog/"><img align="left" hspace="5" width="150" height="150" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt-minicharts-150x150.jpg" class="alignleft wp-post-image tfe" alt="" title="lwt-minicharts" /></a>My old projects for this site have been moved to this blog. They are: CSSMiniCharts: a php library for simple CSS bar charts Project slideshow: a javascript slideshow using CSS sprites CSSMiniCharts CSSMiniCharts library contains 2 php functions: lwtMiniVerticalBarChart() lwtMiniHorizontalBarChart() You can use these functions to display quick summary statistics in tables or even inline [...]]]></description>
			<content:encoded><![CDATA[<p>My old projects for this site have been moved to this blog.</p>
<p>They are:</p>
<ul>
<li><a href="http://www.littlewebthings.com/projects/cssminicharts/">CSSMiniCharts</a>: a php library for simple CSS bar charts</li>
<li><a href="http://www.littlewebthings.com/projects/slideshow/">Project slideshow</a>: a javascript slideshow using CSS sprites</li>
</ul>
<p><span id="more-20"></span></p>
<h3>CSSMiniCharts</h3>
<p>CSSMiniCharts library contains 2 <strong>php</strong> functions:</p>
<ul>
<li>lwtMiniVerticalBarChart()</li>
<li> <em></em>lwtMiniHorizontalBarChart()<br />
<em><br />
</em></li>
</ul>
<p>You can use these functions to display quick summary statistics in <strong>tables</strong> or even <strong>inline</strong> within the your paragraph text.</p>
<p><a href="http://www.littlewebthings.com/projects/cssminicharts/">CSSMiniCharts Project page</a></p>
<p><a href="http://www.littlewebthings.com/projects/cssminicharts/"><img class="alignnone size-full wp-image-21" title="lwt-minicharts" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt-minicharts.jpg" alt="" width="480" height="245" /></a></p>
<h3>Project Slideshow</h3>
<p>A simple Javascript slideshow featuring smooth transition making use of CSS sprites.</p>
<p><strong>Note: </strong>This is probably not compatible with jQuery as it uses a prototype-like implementation of $()</p>
<p><a href="http://www.littlewebthings.com/projects/slideshow/">Slideshow&#8217;s project page</a></p>
<p><a href="http://www.littlewebthings.com/projects/slideshow/"><img class="alignnone size-full wp-image-22" title="lwt-slideshow" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt-slideshow.jpg" alt="" width="480" height="245" /></a></p>
<p>These are kinda old and unmaintained projects. Please do get back with any comments on these.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.littlewebthings.com/2010/02/moving-old-projects-to-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Countdown Script</title>
		<link>http://www.littlewebthings.com/2010/02/jquery-countdown-script/</link>
		<comments>http://www.littlewebthings.com/2010/02/jquery-countdown-script/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 20:29:15 +0000</pubDate>
		<dc:creator>Vassilis</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[more]]></category>

		<guid isPermaLink="false">http://localhost/wordpress/?p=1</guid>
		<description><![CDATA[<a href="http://www.littlewebthings.com/2010/02/jquery-countdown-script/"><img align="left" hspace="5" width="150" height="150" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt_post1-150x150.jpg" class="alignleft wp-post-image tfe" alt="jQuery Countdown" title="jQuery Countdown" /></a>Update (5/2/2010): This plugin has been updated. Please refer to the plugin&#8217;s page for up to date information. This is an Easy to use animated countdown javascript. Full example features a complete &#8220;under construction&#8221; page with 2 skins. Features Extremely easy to integrate jQuery compatible Unobtrusive javascript Easily skinable Demo Dark theme Light theme Go [...]]]></description>
			<content:encoded><![CDATA[<p><em>Update (5/2/2010): This plugin has been updated. Please refer to the <a href="http://www.littlewebthings.com/projects/countdown/">plugin&#8217;s page</a> for up to date information.</em></p>
<p>This is an Easy to use animated countdown javascript.</p>
<p>Full example features a complete &#8220;under construction&#8221; page with 2 skins.</p>
<p><a href="http://www.littlewebthings.com/projects/countdown/"><img class="alignnone size-full wp-image-7" title="jQuery Countdown" src="http://www.littlewebthings.com/wp-content/uploads/2010/02/lwt_post1.jpg" alt="jQuery Countdown" /></a></p>
<p><span id="more-1"></span></p>
<h3>Features</h3>
<ul>
<li>Extremely <strong>easy to integrate</strong></li>
<li><strong>jQuery</strong> compatible</li>
<li><strong>Unobtrusive</strong> javascript</li>
<li>Easily <strong>skinable</strong></li>
</ul>
<h3>Demo</h3>
<ul>
<li><a href="/projects/countdown/example/">Dark theme</a></li>
<li><a href="/projects/countdown/example/?style=light">Light theme</a></li>
</ul>
<p>Go to the <a href="http://www.littlewebthings.com/projects/countdown/">project&#8217;s page</a> for more details and download.</p>
<ul></ul>
<div style="font-size: 8pt;">The example includes a very basic &#8220;under construction&#8221; page. If you are looking for a full featured under construction page <a href="http://themeforest.net/searches?term=under+construction&amp;type=files&amp;ref=silktech">Themeforest</a> has some great ones.</div>
<p>I&#8217;d love to hear back from you. <a href="#comments">Leave your comments</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.littlewebthings.com/2010/02/jquery-countdown-script/feed/</wfw:commentRss>
		<slash:comments>66</slash:comments>
		</item>
	</channel>
</rss>
