<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>Bali Web Design</title>
	
	<link>http://www.chazzuka.com/blog</link>
	<description>Web Design CSS ASP PHP Ajax and Web 2.0 Stuffs</description>
	<lastBuildDate>Mon, 29 Jun 2009 01:08:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/chz" type="application/rss+xml" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">chz</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Scripty2 the successor of script.aculo.us</title>
		<link>http://www.chazzuka.com/blog/?p=189</link>
		<comments>http://www.chazzuka.com/blog/?p=189#comments</comments>
		<pubDate>Mon, 29 Jun 2009 01:08:13 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[IT News]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Library]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=189</guid>
		<description><![CDATA[Thomas Fuchs has announced the alpha release of scripty2, the successor of well known, powerful and flexible javascript library script.aculo.us. scripty2 is designed to help you write your own delicious visual effects &#038; user interfaces.
Check out the demo to see the possibilities scripty2 can do, however as it is still in alpha version which means [...]]]></description>
			<content:encoded><![CDATA[<p>Thomas Fuchs has announced the alpha release of <a rel="external nofollow" href="http://scripty2.com/">scripty2</a>, the successor of well known, powerful and flexible javascript library script.aculo.us. scripty2 is designed to help you write your own delicious visual effects &#038; user interfaces.</p>
<p>Check out the <a rel="external nofollow" href="http://scripty2.com/demos/cards/">demo</a> to see the possibilities scripty2 can do, however as it is still in alpha version which means there will be tweaking and rewrite into the library and it is not yet recommended for production use.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=189</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social Network Icon Pack</title>
		<link>http://www.chazzuka.com/blog/?p=186</link>
		<comments>http://www.chazzuka.com/blog/?p=186#comments</comments>
		<pubDate>Mon, 29 Jun 2009 00:28:47 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[icons]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=186</guid>
		<description><![CDATA[80+ social network icons which consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format by komodomedia.


Download it here
]]></description>
			<content:encoded><![CDATA[<p>80+ social network icons which consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format by komodomedia.<br />
<span id="more-186"></span><br />
<img src="http://www.chazzuka.com/blog/wp-content/uploads/social-icon-pack-big.jpg" alt="soacila media icon pack preview" title="soacila media icon pack preview" width="377" height="1135" class="alignnone size-full wp-image-187" /></p>
<p><a href="http://www.komodomedia.com/blog/2009/06/social-network-icon-pack" rel="nofollow external">Download it here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=186</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery validation engine, jquery inline form validation</title>
		<link>http://www.chazzuka.com/blog/?p=184</link>
		<comments>http://www.chazzuka.com/blog/?p=184#comments</comments>
		<pubDate>Fri, 12 Jun 2009 15:20:22 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugins]]></category>
		<category><![CDATA[Library]]></category>
		<category><![CDATA[regex]]></category>
		<category><![CDATA[regular expression]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=184</guid>
		<description><![CDATA[jQuery validation engine, yet another nice form validation plugin for jquery javascript framework, comes with language localization supported and many predefined validation rules:

optional: Special: Only validate when the field is not empty
required: Field is required
length[0,100] : Between x and x characters allowed
minCheckbox[7] : Set the maximum checkbox autorized for a group
confirm[fieldID] : Match the other [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/" rel="external nofollow" target="_blank">jQuery validation engine</a>, yet another nice form validation plugin for jquery javascript framework, comes with language localization supported and many predefined validation rules:</p>
<ul>
<li>optional: Special: Only validate when the field is not empty</li>
<li>required: Field is required</li>
<li>length[0,100] : Between x and x characters allowed</li>
<li>minCheckbox[7] : Set the maximum checkbox autorized for a group</li>
<li>confirm[fieldID] : Match the other field (ie:confirm password)</li>
<li>telephone : Match telephone regEx rule.</li>
<li>email : Match email regEx rule.</li>
<li>onlyNumber : Numbers only</li>
<li>noSpecialCaracters : No special characters allowed</li>
<li>onlyLetter : Letters only</li>
<li>date : Invalid date, must be in YYYY-MM-DD format</li>
</ul>
<p>but you also could define a custom validation rule i.e:</p>
<pre class="brush: js">
&quot;telephone&quot;:{
&quot;regex&quot;:&quot;/^[0-9-()]+$/&quot;,
&quot;alertText&quot;:&quot;* Invalid phone number&quot;},
</pre>
<p>Has been tested in Internet Exploder 6 &#038; 7, Firefox 3+, Safari 4, Chrome 1+</p>
<p><a href="http://www.position-relative.net/creation/formValidator/formValidator.zip" rel="external nofollow">Download</a> and <a href="http://www.position-relative.net/creation/formValidator/" rel="external nofollow" target="_blank">Demos</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=184</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Js.Class Ruby style javascript</title>
		<link>http://www.chazzuka.com/blog/?p=183</link>
		<comments>http://www.chazzuka.com/blog/?p=183#comments</comments>
		<pubDate>Fri, 12 Jun 2009 14:49:38 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Library]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=183</guid>
		<description><![CDATA[JS.Class is a library designed to facilitate object-oriented development in JavaScript. It implements Ruby’s core object, module and class system and some of its metaprogramming facilities, giving you a powerful base to build well-structured OOP.

JS.Class is designed to make JavaScript behave like Ruby in terms of its OOP structures. To this end, it provides the [...]]]></description>
			<content:encoded><![CDATA[<p>JS.Class is a library designed to facilitate object-oriented development in JavaScript. It implements Ruby’s core object, module and class system and some of its metaprogramming facilities, giving you a powerful base to build well-structured OOP.</p>
<p><span id="more-183"></span><br />
JS.Class is designed to make JavaScript behave like Ruby in terms of its OOP structures. To this end, it provides the following features:</p>
<ol>
<li>Classes and modules with Ruby-compatible inheritance</li>
<li>Subclassing and mixins</li>
<li>Late-binding arguments-optional super calls to parent classes and mixins</li>
<li>Singleton methods and eigenclasses</li>
<li>included, extended and inherited hooks</li>
<li>Method binding</li>
<li>Ports of various standard Ruby modules, including Enumerable, Hash, Set, Observable, Comparable, Forwardable</li>
</ol>
<p>Its inheritance system supports late-bound super() calls to parent classes and modules, including calls from singleton methods. It has been designed to mimick Ruby as closely as possible, so if you know Ruby you should feel right at home.</p>
<pre class="brush: js">
var Animal = new JS.Class({
        initialize: function(name) {
            this.name = name;
        },

        speak: function(things) {
            return &#039;My name is &#039; + this.name + &#039; and I like &#039; + things;
        }
    });
</pre>
<p>Download &#038; example available at <a href="http://jsclass.jcoglan.com/" rel="external nofollow" target="_blank">it&#8217;s official website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=183</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript Infovis Toolkit</title>
		<link>http://www.chazzuka.com/blog/?p=181</link>
		<comments>http://www.chazzuka.com/blog/?p=181#comments</comments>
		<pubDate>Fri, 12 Jun 2009 14:13:15 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Library]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=181</guid>
		<description><![CDATA[The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
Features:

Multiple Data Representations,
Treemaps, Radial Layouts, HyperTrees/Graphs, SpaceTree-like Layouts, and more&#8230;
Major Browsers Support,
IE6+, Firefox2+, Safari3+, Opera9.5+
Open Source,
Licensed under the BSD License
Library Agnostic,
You may use the JIT with your favorite DOM manipulation framework
Extensible,
All visualization classes are mutable, so you can easily add/override any method [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://thejit.org/" rel="external,nofollow">JavaScript InfoVis Toolkit</a> provides tools for creating Interactive Data Visualizations for the Web.</p>
<p><strong>Features:</strong></p>
<ul>
<li><strong>Multiple Data Representations</strong>,<br />
Treemaps, Radial Layouts, HyperTrees/Graphs, SpaceTree-like Layouts, and more&#8230;</li>
<li><strong>Major Browsers Support</strong>,<br />
IE6+, Firefox2+, Safari3+, Opera9.5+</li>
<li><strong>Open Source</strong>,<br />
Licensed under the BSD License</li>
<li><strong>Library Agnostic</strong>,<br />
You may use the JIT with your favorite DOM manipulation framework</li>
<li><strong>Extensible</strong>,<br />
All visualization classes are mutable, so you can easily add/override any method you want.</li>
<li><strong>Composable</strong>,<br />
Visualizations can be combined in order to create new visualization methods.</li>
</ul>
<p>Check out the <a href="http://thejit.org/demos" rel="external,nofollow">demo page</a> along with source code example</p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=181</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordpress 2.8 available for download</title>
		<link>http://www.chazzuka.com/blog/?p=179</link>
		<comments>http://www.chazzuka.com/blog/?p=179#comments</comments>
		<pubDate>Thu, 11 Jun 2009 15:20:30 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[IT News]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=179</guid>
		<description><![CDATA[Matt has announced the new release of wordpress 2.8 &#8211; Baker, with over 790 bugs fixed, and over 180 new features, changes, upgrades, and improvements.
The Major Improvements:

Wordpress style and scripting has changed which makes the new wordpress 2.8 is way faster to use.
Enabled browse the entire theme directory and install a theme with one click
CodePress [...]]]></description>
			<content:encoded><![CDATA[<p>Matt has <a href="http://wordpress.org/development/2009/06/wordpress-28/" target="_blank">announced</a> the new release of wordpress 2.8 &#8211; Baker, with over 790 bugs fixed, and over 180 new features, changes, upgrades, and improvements.</p>
<p>The Major Improvements:</p>
<ol>
<li>Wordpress style and scripting has changed which makes the new wordpress 2.8 is way faster to use.</li>
<li>Enabled browse the entire theme directory and install a theme with one click</li>
<li>CodePress editor gives syntax highlighting to the previously-plain editor. Also there is now contextual documentation for the functions in the file you’re editing linked right below the editor.</li>
<li>widgets interface redesigned, also with much cleaner and robust widget API</li>
<li>new Screen Options on every page</li>
</ol>
<p>Ready to upgrade? grab <a href="http://wordpress.org/download/" target="_blank">the new wordpress 2.8 here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=179</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Website Optimization Best Practices, speed up your website load</title>
		<link>http://www.chazzuka.com/blog/?p=175</link>
		<comments>http://www.chazzuka.com/blog/?p=175#comments</comments>
		<pubDate>Thu, 21 May 2009 15:28:59 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=175</guid>
		<description><![CDATA[Once i have performance issue in a website project i am working at, and i have wasted hours of my time to fix it up both in the server-side and client-side, for future checklist i searched on web and found great list of best practices to speed up our web page load at yahoo developer [...]]]></description>
			<content:encoded><![CDATA[<p>Once i have performance issue in a website project i am working at, and i have wasted hours of my time to fix it up both in the server-side and client-side, for future checklist i searched on web and found great list of best practices to speed up our web page load at yahoo developer network.</p>
<p>Below are the summary:<br />
<span id="more-175"></span></p>
<ol>
<li>Minimize HTTP Requests, this can be done with the following practices:
<ul>
<li>Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script</li>
<li>CSS Sprites, combined your background image into a single image and use CSS property to control the position of image segment</li>
<li>Image maps combine multiple images into a single image</li>
<li>Inline images use the data: URL scheme to embed the image data in the actual page</li>
</ul>
</li>
<li>Use a Content Delivery Network</li>
<li>Add an Expires or a Cache-Control Header:
<ul>
<li>For static components: implement &#8220;Never expire&#8221; policy by setting far future Expires header</li>
<li>For dynamic components: use an appropriate Cache-Control header to help the browser with conditional requests</li>
</ul>
</li>
<li>Compress HTTP text response with Gzip Components (text, html, json, xml)</li>
<li>Put CSS/stylesheets declarations at the Top</li>
<li>Put client side scripts at the bottom, some scripts can be placed at the bottom but some may not, so use it as neccessary</li>
<li>Avoid CSS Expressions, since it is evaluated more than we expect: on load, resize, scrolled, and even on mousemove</li>
<li>Make JavaScript and CSS External, take the benefit of browser caching mechanism</li>
<li>Reduce DNS Lookups in server&#8217;s settings</li>
<li>Minify JavaScript and CSS, you can use <a href="http://crockford.com/javascript/jsmin" target="_blank">JSMin</a> and <a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUI Compressor</a> to achieve this goal</li>
<li>Avoid Redirects, one of the common mistaken is missing a trailing slash (/) from a URL, i.e: http://www.domain.tld/directory will be 301 redirected to http://www.domain.tld/directory/</li>
<li>Avoid scripts duplication</li>
<li>Configure ETags, Entity tags (ETags) are a mechanism that web servers and browsers use to determine whether the component in the browser&#8217;s cache matches the one on the origin server.</li>
<li>Make Ajax Response Cacheable, some rules should apply also to ajax are: Add an Expires or a Cache-Control Header, Compress HTTP reponse with Gzip component, Reduce DNS Lookups, Minify JavaScript, Avoid Redirects, Configure ETags</li>
<li>Flush the Response Buffer Early, in php there is flush(), and response.flush in asp</li>
<li>Use GET for AJAX Requests, because POST method is implemented in the browsers as a two-step process: sending the headers first, then sending data.</li>
<li>Post-load Components, Load page element only when it is neccessary or after the top priority elements is loaded. Have a l ook at <a href="http://developer.yahoo.com/yui/imageloader/" target="_blank">YUI Image Loader</a>, <a href="http://developer.yahoo.com/yui/get/" target="_blank">YUI Get Utility</a>, or <a href="http://www.appelsiini.net/projects/lazyload" target="_blank">jQuery Lazy Load</a></li>
<li>Preload Components
<ul>
<li>Unconditional preload &#8211; as soon as onload fires, you go ahead and fetch some extra components.</li>
<li>Conditional preload &#8211; based on a user action you make an educated guess where the user is headed next and preload accordingly.</li>
<li>Anticipated preload &#8211; preload in advance before launching a redesign.</li>
</ul>
</li>
<li>Reduce the Number of DOM Elements, means you need to optimize your markup, do not use new element if you can solve the issue in different ways</li>
<li>Split Components Across Domains, Splitting components allows you to maximize parallel downloads.</li>
<li>Avoid using iframes (and frames either)</li>
<li>No 404s, because the HTTP request is expensive</li>
<li>Reduce Cookie Size, It&#8217;s important to keep the size of cookies as low as possible to minimize the impact on the user&#8217;s response time</li>
<li>Use Cookie-free Domains for Components, You should make sure static components are requested with cookie-free requests. Create a subdomain and host all your static components there.</li>
<li>Minimize DOM Access:
<ul>
<li>Cache references to accessed elements</li>
<li>Update nodes &#8220;offline&#8221; and then add them to the tree</li>
<li>Avoid fixing layout with JavaScript</li>
</ul>
</li>
<li>Develop Smart Event Handlers, attach event handler via parent elemnt wherever possible</li>
<li>Choose<br />
over @import for stylesheets</li>
<li>Avoid Filters, mostly comes when dealing with IE6, YDN recommended using PNG8 which working fine in IE, but for me better shoot the IE6 with a machine gun (a lot headache cos of IE6 already)</li>
<li>Optimize Images: Try converting GIFs to PNGs, Run pngcrush (or any other PNG optimizer tool) on all your PNGs, Run jpegtran on all your JPEGs</li>
<li>Optimize CSS Sprites:
<ul>
<li>Arranging the images in the sprite horizontally as opposed to vertically</li>
<li>Combining similar colors in a sprite helps you keep the color count low</li>
<li>&#8220;Be mobile-friendly&#8221; and don&#8217;t leave big gaps between the images in a sprite.</li>
</ul>
</li>
<li>Don&#8217;t Scale Images in HTML</li>
<li>Make favicon.ico Small and Cacheable</li>
<li>Keep Components under 25K</li>
<li>Pack Components into a Multipart Document</li>
</ol>
<p>Check out the <a href="http://developer.yahoo.com/performance/rules.html" target="_blank">original article at YDN</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=175</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Free Icons flavour &amp; twitter icons</title>
		<link>http://www.chazzuka.com/blog/?p=171</link>
		<comments>http://www.chazzuka.com/blog/?p=171#comments</comments>
		<pubDate>Wed, 20 May 2009 13:17:26 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=171</guid>
		<description><![CDATA[Awsome free icons at smashingmagazine available for download, 2 different set of high quality icons in PNG format with different sizes and downlaodable along with PSD &#038; AI (adobe illustrator format) source for free, allow you to make any modifications to the icons to fit your needs.

Flavours Icon Set by Oliver Twardowski, aimed to help [...]]]></description>
			<content:encoded><![CDATA[<p>Awsome free icons at smashingmagazine available for download, 2 different set of high quality icons in PNG format with different sizes and downlaodable along with PSD &#038; AI (adobe illustrator format) source for free, allow you to make any modifications to the icons to fit your needs.<br />
<span id="more-171"></span><br />
Flavours Icon Set by Oliver Twardowski, aimed to help designers in their Web and user interface designs, contains 177 icons in a resolution of 48×48 pixels. The files are available for in the PNG and PSD sources.</p>
<p><img src="http://www.chazzuka.com/blog/wp-content/uploads/flavour-preview.jpg" alt="flavour free icons" title="flavour free icons" width="277" height="675" class="alignnone size-full wp-image-172" /></p>
<p>Cute Twitters Icon Set, This set was designed by the talented Mirjami Manninen, this new set contains eight transparent PNG icons for Twitter, available in resolutions of 128×128 pixels, 256×256 and 512×512. The sources are in EPS files (for CS4 and CS3), PSD files and AI files (for CS4).</p>
<p><img src="http://www.chazzuka.com/blog/wp-content/uploads/cute-twitters-preview.jpg" alt="cute-twitters-preview" title="cute-twitters-preview" width="500" height="835" class="alignnone size-full wp-image-173" /></p>
<p><a href="http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/" rel="external,nofollow" target="_blank">Download available here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=171</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Gmail/Facebook Style jQuery Chat</title>
		<link>http://www.chazzuka.com/blog/?p=169</link>
		<comments>http://www.chazzuka.com/blog/?p=169#comments</comments>
		<pubDate>Wed, 20 May 2009 07:48:42 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[chat]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=169</guid>
		<description><![CDATA[jQuery chat module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.]]></description>
			<content:encoded><![CDATA[<p>jQuery chat module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.<br />
<span id="more-169"></span><br />
<strong>Features</strong></p>
<ol>
<li>Gmail style bottom right display of chat boxes</li>
<li>Keeps chat boxes open and stores state (data) even when pages are browsed/refreshed similar to Facebook</li>
<li>Displays &#8220;Sent at…&#8221; after 3 minutes of inactivity</li>
<li>Displays &#8220;X says…&#8221; &#038; blinks chat boxes when window is not in focus</li>
<li>Minimize and close chat boxes</li>
<li>Auto-resize of text input box</li>
<li>Auto-scrolling of chat text</li>
<li>Auto-back-off polling policy (hits the server less-often when chat activity is low)</li>
<li>Extremely simple to integrate into existing site</li>
</ol>
<p><strong>Browser Compatibility</strong></p>
<ol>
<li>Firefox 2+</li>
<li>Internet Explorer 6+</li>
<li>Safari 2+</li>
<li>Opera 9+</li>
</ol>
<p><strong>Licensing</strong><br />
This chat script can be used for free under LGPL-style license for non-commercial purposes. For commercial purposes, please purchase a license.</p>
<p>Installation instructions and download available at <a href="http://anantgarg.com/2009/05/13/gmail-facebook-style-jquery-chat/" rel="external,nofollow" target="_blank">author website</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=169</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ajax Push Engine Real time data streaming</title>
		<link>http://www.chazzuka.com/blog/?p=167</link>
		<comments>http://www.chazzuka.com/blog/?p=167#comments</comments>
		<pubDate>Wed, 20 May 2009 07:33:19 +0000</pubDate>
		<dc:creator>ruby</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.chazzuka.com/blog/?p=167</guid>
		<description><![CDATA[Ajax Push Engine (APE) is an OpenSource technology allowing to exchange data between thousands of users through a web browser, without reloading and without external plugins.
As a complete packaged solution, it is designed to push real-time data in a lightweight, highly scalable and modular way, only using Javascript for the client side. With the use [...]]]></description>
			<content:encoded><![CDATA[<p>Ajax Push Engine (APE) is an OpenSource technology allowing to exchange data between thousands of users through a web browser, without reloading and without external plugins.</p>
<p>As a complete packaged solution, it is designed to push real-time data in a lightweight, highly scalable and modular way, only using Javascript for the client side. With the use of those Web Stardards, APE is fully crossbrowser and uses all the lastest browser features and provides backward compatibilty for older ones.</p>
<p>Check out <a href="http://www.ape-project.org/en/home.html" rel="external,nofollow" target="_blank">it&#8217;s official website</a> for more informations.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.chazzuka.com/blog/?feed=rss2&amp;p=167</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
