<?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>bW.developers</title>
	<atom:link href="http://www.bulgaria-web-developers.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bulgaria-web-developers.com/blog</link>
	<description>Javascript, jQuery, UI, AJAX, DOM, Canvas, HTML5</description>
	<lastBuildDate>Tue, 20 Sep 2011 17:47:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Arkanoid &#8211; HTML5 Canvas game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2011/09/20/arkanoid-html5-canvas-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2011/09/20/arkanoid-html5-canvas-game/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 17:45:58 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=347</guid>
		<description><![CDATA[Arkanoid &#8211; javascript remake of popular arcade video game in mid 80&#8242;s. Game is built on HTML5 canvas element and is example how to: draw shapes apply styles, colors, gradients animate objects add text add custom events Play Arkanoid]]></description>
			<content:encoded><![CDATA[<p><strong>Arkanoid</strong> &#8211; javascript remake of popular arcade video game in mid 80&#8242;s. Game is built on <strong>HTML5 canvas</strong> element and is example how to:</p>
<ul>
<li>draw shapes</li>
<li>apply styles, colors, gradients</li>
<li> animate objects</li>
<li>add text</li>
<li>add custom events</li>
</ul>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/arkanoid/" title="Arkanoid HTML5 game">Play Arkanoid</a><br />
<div id="attachment_349" class="wp-caption alignnone" style="width: 611px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/arkanoid/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2011/09/arkanoid.png" alt="Arkanoid HTML5 Canvas game" title="Arkanoid - HTML5 game" width="601" height="500" class="size-full wp-image-349" /></a><p class="wp-caption-text">Arkanoid - HTML5 Canvas game</p></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2011/09/20/arkanoid-html5-canvas-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CalendarJS</title>
		<link>http://www.bulgaria-web-developers.com/blog/2011/06/19/calendarjs/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2011/06/19/calendarjs/#comments</comments>
		<pubDate>Sun, 19 Jun 2011 16:22:29 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[datepicker]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=308</guid>
		<description><![CDATA[Javascript Calendar &#038; Datepicker component. Get the code or view demo.]]></description>
			<content:encoded><![CDATA[<p>Javascript Calendar &#038; Datepicker component.<br />
Get the <a href="http://code.google.com/p/calendarjs/" rel="nofollow">code</a> or view <a href="http://www.bulgaria-web-developers.com/projects/javascript/calendar/" title="CalendarJS Demo">demo</a>.</p>
<div id="attachment_309" class="wp-caption alignnone" style="width: 625px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/calendar/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2011/06/calendarjs.png" alt="CalendarJS" title="calendarjs" width="615" height="219" class="size-full wp-image-309" /></a><p class="wp-caption-text">CalendarJS</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2011/06/19/calendarjs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Selectbox plugin</title>
		<link>http://www.bulgaria-web-developers.com/blog/2011/02/26/jquery-selectbox-plugin/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2011/02/26/jquery-selectbox-plugin/#comments</comments>
		<pubDate>Sat, 26 Feb 2011 09:02:09 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[selectbox]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=298</guid>
		<description><![CDATA[Custom select box replacement inspired by jQuery UI source, including full featured API. Get the code or view demo.]]></description>
			<content:encoded><![CDATA[<p>Custom select box replacement inspired by <a href="http://jqueryui.com" rel="nofollow" target="_blank">jQuery UI</a> source, including full featured <abbr title="Application programming interface">API</abbr>.<br />
Get the <a href="https://code.google.com/p/select-box/" rel="nofollow">code</a> or view <a href="http://www.bulgaria-web-developers.com/projects/javascript/selectbox/" title="jQuery Selectbox plugin">demo</a>.</p>
<div id="attachment_301" class="wp-caption alignnone" style="width: 276px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/selectbox/" title="Custom Selectbox replacement"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2011/02/selectbox.png" alt="Selectbox plugin" title="Selectbox" width="266" height="450" class="size-full wp-image-301" /></a><p class="wp-caption-text">jQuery Selectbox plugin</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2011/02/26/jquery-selectbox-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript serialize form</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/09/02/javascript-serialize-form/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/09/02/javascript-serialize-form/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 20:43:40 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[serialize]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=278</guid>
		<description><![CDATA[When you can not use javascript libraries like jQuery, MooTools, Dojo, YUI or Prototype, and their built-in functions, but still want a quick and easy way to serialize forms, you need a function like that one. This is the reason to write this function. Get the code or view demo. function serialize &#40;form&#41; &#123; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>When you can not use javascript libraries like <a href="http://jquery.org" rel="nofollow" target="_blank">jQuery</a>, <a href="http://mootools.net" rel="nofollow" target="_blank">MooTools</a>, <a href="http://www.dojotoolkit.org" rel="nofollow" target="_blank">Dojo</a>, <a href="http://developer.yahoo.com/yui/" rel="nofollow" target="_blank">YUI</a> or <a href="http://www.prototypejs.org" rel="nofollow" target="_blank">Prototype</a>, and their built-in functions, but still want a quick and easy way to serialize forms, you need a function like that one. This is the reason to write this function. Get the <a href="https://code.google.com/p/form-serialize/">code</a> or view <a href="http://www.bulgaria-web-developers.com/projects/javascript/serialize/" title="Javascript form serialize">demo</a>.</p>
<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:300px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">function</span> serialize <span style="color: #009900;">&#40;</span>form<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>form <span style="color: #339933;">||</span> form.<span style="color: #660066;">nodeName</span> <span style="color: #339933;">!==</span> <span style="color: #3366CC;">&quot;FORM&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">,</span> j<span style="color: #339933;">,</span> q <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> form.<span style="color: #660066;">elements</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">=</span> i <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">continue</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">nodeName</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'INPUT'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'text'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'hidden'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'password'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'button'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'reset'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'submit'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'checkbox'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'radio'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'file'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'TEXTAREA'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'SELECT'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'select-one'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'select-multiple'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>j <span style="color: #339933;">=</span> form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">options</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> j <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> j <span style="color: #339933;">=</span> j <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">options</span><span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">selected</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">options</span><span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'BUTTON'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'reset'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'submit'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'button'</span><span style="color: #339933;">:</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; q.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;=&quot;</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>form.<span style="color: #660066;">elements</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> q.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&amp;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/09/02/javascript-serialize-form/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Tic Tac Toe game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/07/24/jquery-tic-tac-toe-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/07/24/jquery-tic-tac-toe-game/#comments</comments>
		<pubDate>Sat, 24 Jul 2010 09:59:59 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[raphaeljs]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=272</guid>
		<description><![CDATA[jTTT is javascript Tic Tac Toe game build on jQuery and Raphael JS]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jttt/" title="jQuery Tic Tac Toe game">jTTT</a> is javascript <strong>Tic Tac Toe</strong> game build on <a href="http://jquery.com" rel="nofollow" target="_blank">jQuery</a> and <a href="http://raphaeljs.com" rel="nofollow" target="_blank">Raphael JS</a></p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jttt/" title="Tic Tac Toe game"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/07/jttt-demo.png" alt="Tic Tac Toe game" title="Tic Tac Toe game" width="300" height="301" class="alignnone size-full wp-image-274" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/07/24/jquery-tic-tac-toe-game/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jMem &#8211; Javascript Memory game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/07/23/jmem-javascript-memory-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/07/23/jmem-javascript-memory-game/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 09:53:42 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[raphaeljs]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=257</guid>
		<description><![CDATA[jMem is Javascript Memory game, written in pure javascript and use canvas with help of Raphael JS.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jmem/" title="JS Memory game">jMem</a> is Javascript Memory game, written in pure javascript and use canvas with help of <a href="http://raphaeljs.com" title="Raphael - Javascript library" rel="nofollow" target="_blank">Raphael JS</a>.</p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/jmem/" title="Javascript Memory game"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/07/jmem-demo.jpg" alt="Javascript Memory Game" title="jMem - Memory game" width="392" height="392" class="alignnone size-full wp-image-259" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/07/23/jmem-javascript-memory-game/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jTrack &#8211; jQuery Time tracking App</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/05/03/jtrack-jquery-time-tracking/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/05/03/jtrack-jquery-time-tracking/#comments</comments>
		<pubDate>Mon, 03 May 2010 20:26:37 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[task]]></category>
		<category><![CDATA[time tracking]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=228</guid>
		<description><![CDATA[jTrack is simple jQuery Time tracking app, without any use of database, cookies or sessions. Only HTML, CSS, jQuery, DOMCached plugin and jQuery-JSON plugin. Our jQuery time tracking application rely on localStorage, which is a part of the Web Storage specification. jTask works in all modern browsers including Chrome 4+, Firefox 2+, Safari 4+, Opera [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Time tracking" href="http://bulgaria-web-developers.com/projects/javascript/jtrack/">jTrack</a> is simple jQuery Time tracking app, without any use of database, cookies or sessions. Only HTML, CSS, <a rel="nofollow" href="http://www.jquery.com/" target="_blank">jQuery</a>,  <a rel="nofollow" href="http://www.domcached.com/" target="_blank">DOMCached</a> plugin and <a rel="nofollow" href="http://code.google.com/p/jquery-json/" target="_blank">jQuery-JSON</a> plugin. Our jQuery time tracking application rely on localStorage, which is a part of the <a rel="nofollow" href="http://www.w3.org/TR/webstorage/#the-storage-interface" target="_blank">Web Storage</a> specification.</p>
<p>jTask works in all modern browsers including Chrome 4+, Firefox 2+, Safari 4+, Opera 10.5+, IE6+.</p>
<div id="attachment_240" class="wp-caption aligncenter" style="width: 317px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/jtrack/"><img class="size-full wp-image-240" title="logo" src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/05/logo.jpg" alt="jTrack - Time tracking app" width="307" height="115" /></a><p class="wp-caption-text">jTrack - jQuery Time tracking app</p></div>
<div id="attachment_244" class="wp-caption aligncenter" style="width: 242px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/jtrack/"><img class="size-full wp-image-244" title="landing-jtrack" src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/05/landing-jtrack.png" alt="jTrack - Time tracking app" width="232" height="269" /></a><p class="wp-caption-text">jTrack - jQuery Time tracking app</p></div>
<p><strong>Follow me!</strong> <a href="http://twitter.com/bwdevelopers">Twitter</a> | <a href="http://bg.linkedin.com/in/bwdevelopers">LinkedIn</a> | <a href="http://www.bulgaria-web-developers.com/blog/feed/">RSS Feed</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/05/03/jtrack-jquery-time-tracking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jKill &#8211; The jQuery Mob game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2010/03/31/jkill-the-jquery-mob-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2010/03/31/jkill-the-jquery-mob-game/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 17:04:00 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=218</guid>
		<description><![CDATA[Една игра която бях написал преди месеци, веднага след jZmei &#8211; The jQuery Snake game, но поради ред причини не бях публикувал. Играта е написана на Javascript с помоща на jQuery единствено и само за забавление. Играй jKill &#8211; The jQuery Mob game &#8211; бъди за 5 минути гангстер. Има и експериментална версия за Facebook. [...]]]></description>
			<content:encoded><![CDATA[<p>Една игра която бях написал преди месеци, веднага след <a href="http://www.bulgaria-web-developers.com/projects/javascript/snake/" title="jQuery snake game">jZmei &#8211; The jQuery Snake game</a>, но поради ред причини не бях публикувал.  Играта е написана на <strong>Javascript</strong> с помоща на <strong>jQuery</strong> единствено и само за забавление. Играй <a href="http://www.bulgaria-web-developers.com/projects/javascript/jkill/" title="jQuery Mobster game">jKill &#8211; The jQuery Mob game</a> &#8211; бъди за 5 минути гангстер. Има и експериментална версия за <a href="http://apps.facebook.com/jkillgame/" rel="nofollow" title="jKill във Facebook">Facebook</a>.</p>
<div id="attachment_219" class="wp-caption alignnone" style="width: 120px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/jkill/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2010/03/gangster.jpg" alt="jKill" title="jKill - javascript game" width="110" height="170" class="size-full wp-image-219" /></a><p class="wp-caption-text">jKill - javascript game</p></div>
<p>Следвай ме в <a href="http://twitter.com/bwdevelopers">Twitter</a> или се абонирай за моя <a href="http://www.bulgaria-web-developers.com/blog/feed/">RSS Feed</a> за да научиш кога ще има нова версия на jKill играта.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2010/03/31/jkill-the-jquery-mob-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery FriendURL plugin 1.5</title>
		<link>http://www.bulgaria-web-developers.com/blog/2009/12/30/jquery-seo-friendly-url/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2009/12/30/jquery-seo-friendly-url/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 08:33:01 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=205</guid>
		<description><![CDATA[Излезе нова версия на jQuery FriendURL plugin. Плъгина е подходящ за използване в CMS системи, блогове, форуми и т.н. за образуване на SEO friendly URLs, т.е. разбираеми за търсещите машини връзки (хиперлинкове). В новата версия (1.5) се поддържа транслитерация на българските букви с латински. Какво е транслитерация и какви са нейните вариации вижте в Wikipedia [...]]]></description>
			<content:encoded><![CDATA[<p>Излезе нова версия на <a href="http://www.bulgaria-web-developers.com/projects/javascript/friendurl/" title="jQuery SEO URLs">jQuery FriendURL plugin</a>. Плъгина е подходящ за използване в CMS системи, блогове, форуми и т.н. за образуване на SEO friendly URLs, т.е. разбираеми за търсещите машини връзки (хиперлинкове). В новата версия (1.5) се поддържа транслитерация на българските букви с латински. Какво е транслитерация и какви са нейните вариации вижте в <a href="http://bg.wikipedia.org/wiki/%D0%A2%D1%80%D0%B0%D0%BD%D1%81%D0%BB%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F_%D0%BD%D0%B0_%D0%B1%D1%8A%D0%BB%D0%B3%D0%B0%D1%80%D1%81%D0%BA%D0%B8%D1%82%D0%B5_%D0%B1%D1%83%D0%BA%D0%B2%D0%B8_%D1%81_%D0%BB%D0%B0%D1%82%D0%B8%D0%BD%D1%81%D0%BA%D0%B8" target="_blank" rel="nofollow">Wikipedia</a> и <a href="http://transliteration.mdaar.government.bg/alphabet.php" target="_blank" rel="nofollow">Министерството на държавната администрация и административната реформа</a></p>
<div id="attachment_210" class="wp-caption aligncenter" style="width: 434px"><a href="http://www.bulgaria-web-developers.com/projects/javascript/friendurl/"><img src="http://www.bulgaria-web-developers.com/blog/wp-content/uploads/2009/12/friendurl-1.5.jpg" alt="jQuery FriendURL plugin" title="jQuery SEO URLs" width="424" height="100" class="size-full wp-image-210" /></a><p class="wp-caption-text">jQuery FriendURL plugin</p></div>
<p>Версия 1.0 вижте <a href="http://www.bulgaria-web-developers.com/blog/2009/03/18/jquery-seo-friendly-url-plugin/">jQuery SEO friendly url plugin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2009/12/30/jquery-seo-friendly-url/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jSnake &#8211; The jQuery Snake Game</title>
		<link>http://www.bulgaria-web-developers.com/blog/2009/12/19/jsnake-the-jquery-snake-game/</link>
		<comments>http://www.bulgaria-web-developers.com/blog/2009/12/19/jsnake-the-jquery-snake-game/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 20:31:44 +0000</pubDate>
		<dc:creator>Димитър Иванов</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Проекти]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[snake]]></category>

		<guid isPermaLink="false">http://www.bulgaria-web-developers.com/blog/?p=191</guid>
		<description><![CDATA[Моята версия на популярната видео игра Snake (Змията) от миналото, чийто оригинал излиза в далечната 1976, а по-късно става масова от телефоните на Nokia. Играта има версии на Windows, Atari, Mac OS, PlayStation, MS DOS, iPhone, iPod, Nintendo, XBox, KDE. Повече за историята й в Wikipedia. Играта е написана на JavaScript, като съм използвал jQuery. [...]]]></description>
			<content:encoded><![CDATA[<p>Моята версия на популярната видео игра Snake (Змията) от миналото, чийто оригинал излиза в далечната 1976, а по-късно става масова от телефоните на Nokia. Играта има версии на Windows, Atari, Mac OS, PlayStation, MS DOS, iPhone, iPod, Nintendo, XBox, KDE. Повече за историята й в <a href="http://en.wikipedia.org/wiki/Snake_%28video_game%29" rel="nofollow">Wikipedia</a>.</p>
<p>Играта е написана на JavaScript, като съм използвал jQuery.</p>
<p><a href="http://www.bulgaria-web-developers.com/projects/javascript/snake/" title="jSnake - javascript Snake game">ИГРАЙ jSNAKE</a></p>
<p><img src="http://www.bulgaria-web-developers.com/projects/javascript/snake/img/jSnake.jpg" alt="jSnake - The jQuery Snake Game" /></p>
<p>Следвай ме в <a href="http://twitter.com/bwdevelopers">Twitter</a> или се абонирай за моя <a href="http://www.bulgaria-web-developers.com/blog/feed/">RSS Feed</a> за да научиш кога ще има нова версия на jSnake играта.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bulgaria-web-developers.com/blog/2009/12/19/jsnake-the-jquery-snake-game/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

