<?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>Ahad Bokhari &#187; &#187; JavaScript</title>
	<atom:link href="http://blogspot.fluidnewmedia.com/category/web-app-development/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogspot.fluidnewmedia.com</link>
	<description>— fragments of personal interest...</description>
	<lastBuildDate>Fri, 13 Jan 2012 10:41:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Excellent Learning slides from multiple authors</title>
		<link>http://blogspot.fluidnewmedia.com/2009/03/excellent-learning-slides-from-multiple-authors/</link>
		<comments>http://blogspot.fluidnewmedia.com/2009/03/excellent-learning-slides-from-multiple-authors/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 11:17:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[DOM]]></category>

		<guid isPermaLink="false">http://blogspot.fluidnewmedia.com/?p=1141</guid>
		<description><![CDATA[Good information is where its at.  Filtering out that information can be a little time consuming lest you know where to go so I just wanted to share what I thought would be useful to designers out there.
If you check slide # 51 in Object Oriented CSS you will see that you should never [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Good information is where its at.  Filtering out that information can be a little time consuming lest you know where to go so I just wanted to share what I thought would be useful to designers out there.</p>
<p class ="alert">If you check slide # 51 in Object Oriented CSS you will see that you should never specify an element first.  This is a practice i didn&#8217;t know about.  Sometimes learning yourself can lead into bad practices and thats why I like to learn from the pros.  <a href="http://www.stubbornella.org/content/2009/02/12/css-doesn’t-suck-you’re-just-doing-it-wrong/">Thanks Stubbornella..</a></p>
<div style="width:425px;text-align:left" id="__ss_990405"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/stubbornella/object-oriented-css?type=presentation" title="Object Oriented CSS">Object Oriented CSS</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=oocss-1233786987806904-3&#038;rel=0&#038;stripped_title=object-oriented-css" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=oocss-1233786987806904-3&#038;rel=0&#038;stripped_title=object-oriented-css" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/stubbornella">Nicole Sullivan</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/modules">modules</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/blocks">blocks</a>)</div>
</div>
<p><span id="more-1141"></span></p>
<div style="width:425px;text-align:left" id="__ss_658403"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/stubbornella/designing-fast-websites-presentation?type=presentation" title="Design Fast Websites">Design Fast Websites</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=designingfastwebsites-1224025689783608-8&#038;stripped_title=designing-fast-websites-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=designingfastwebsites-1224025689783608-8&#038;stripped_title=designing-fast-websites-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="550" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/stubbornella">Nicole Sullivan</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/f2esummit08">f2esummit08</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/yahoo">yahoo!</a>)</div>
</div>
<div style="width:425px;text-align:left" id="__ss_981615"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jeresig/the-dom-is-a-mess-yahoo?type=presentation" title="The DOM is a Mess @ Yahoo">The DOM is a Mess @ Yahoo</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=yahoodom-1233608138666908-3&#038;stripped_title=the-dom-is-a-mess-yahoo" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=yahoodom-1233608138666908-3&#038;stripped_title=the-dom-is-a-mess-yahoo" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="525" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/jeresig">jeresig</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/dom">dom</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/javascript">javascript</a>)</div>
</div>
<div style="width:425px;text-align:left" id="__ss_49815"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/garrettdimon/improving-interface-design?type=powerpoint" title="Improving Interface Design">Improving Interface Design</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=improving-interface-design-29757&#038;stripped_title=improving-interface-design" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=improving-interface-design-29757&#038;stripped_title=improving-interface-design" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/garrettdimon">Garrett Dimon</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/webvisions07">webvisions07</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/webvisions">webvisions</a>)</div>
</div>
<p>Though some of the slides are a little old, you can still learn a whole lot from them.  </p>
<p>Also for more slides and interesting presentations check:  <a href="http://www.slideshare.net/">http://www.slideshare.net/</a>and<a href="http://developer.yahoo.com/yui/theater/">http://developer.yahoo.com/yui/theater/</a></p>
<p>Thanks to everyone for helping me learn&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogspot.fluidnewmedia.com/2009/03/excellent-learning-slides-from-multiple-authors/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Useful Javascript Frameworks</title>
		<link>http://blogspot.fluidnewmedia.com/2008/10/useful-javascript-frameworks/</link>
		<comments>http://blogspot.fluidnewmedia.com/2008/10/useful-javascript-frameworks/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 11:19:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blogspot.fluidnewmedia.com/?p=351</guid>
		<description><![CDATA[These new tools will help you develop  richer, more usable websites in your future as a web developer.  I have listed the various &#8220;Javascript Frameworks&#8221; in this article &#8211; I would use these as a basis of comparisn of between different frameworks and corresponding libraries.






PROTOTYPE:  Prototype is a JavaScript Framework that aims [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>These new tools will help you develop  richer, more usable websites in your future as a web developer.  I have listed the various &#8220;Javascript Frameworks&#8221; in this article &#8211; I would use these as a basis of comparisn of between different frameworks and corresponding libraries.<span style="font-family: Verdana; font-size: 10px" class="Apple-style-span"></span><br />
<table border="0">
<tr>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/prototype1.jpg" title="prototype.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/prototype1.jpg" alt="prototype.jpg" /></a></td>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/jquery1.jpg" title="jquery.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/jquery1.jpg" alt="jquery.jpg" /></a></td>
</tr>
</table>
<p><a href="http://www.prototypejs.org"><span class="Apple-style-span" style="font-weight: bold">PROTOTYPE:</span></a>  Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Prototype framework enables you to deal with Ajax calls in a very easy and fun way that is also safe (cross-browser). Besides simple requests, this module also deals in a smart way with JavaScript code returned from a server and provides helper classes for polling.</p>
<p><a href="http://jquery.com"><span class="Apple-style-span" style="font-weight: bold">JQUERY</span></a>:  jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.<span id="more-360"></span><br />
<table border="0">
<tr>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/moo1.jpg" title="moo.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/moo1.jpg" alt="moo.jpg" /></a></td>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/script1.jpg" title="script.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/script1.jpg" alt="script.jpg" /></a></td>
</tr>
</table>
<p><strong></p>
<p><a href="http://www.mootools.net">MOOTOOLS:</a></strong>  MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.</p>
<p><a href="http://script.aculo.us/"><strong>SCRIPTACULOUS:</strong></a>  script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly. Inside this framework you will find an animation framework, drag and drop, Ajax controls DOM utilities, and unit testing.<br />
<table border="0">
<tr>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/dojo1.jpg" title="dojo.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/dojo1.jpg" alt="dojo.jpg" /></a></td>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/yahoo1.jpg" title="yahoo.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/yahoo1.jpg" alt="yahoo.jpg" /></a></td>
</tr>
</table>
<p><strong><a href="http://dojotoolkit.org/">DOJO:</a></strong>  What sets Dojo apart is how it helps you succeed by giving you ways to structure and optimize your project and re-use existing modules.  Dojo gives you access to a solid core library, created by some of the smartest minds in the industry.  <strong>CORE:</strong>  The Dojo Core is the result of years of evolution and refinement. Built by JavaScript experts, Dojo distills what you really need into a single package that starts small and lets you scale up transparently.</p>
<p><strong><a href="http://developer.yahoo.com/yui/">YUI:</a></strong>  The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.<br />
<table border="0">
<tr>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/qooxdoo1.jpg" title="qooxdoo.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/qooxdoo1.jpg" alt="qooxdoo.jpg" /></a></td>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/vegui1.jpg" title="vegui.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/vegui1.jpg" alt="vegui.jpg" /></a></td>
</tr>
</table>
<p><strong><a href="http://qooxdoo.org/">QOOXDOO:</a></strong>  ooxdoo is a comprehensive and innovative Ajax application framework. Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed.It includes a platform-independent development tool chain, a state-of-the-art GUI toolkit and an advanced client-server communication layer. It is open source under an LGPL/EPL dual license.</p>
<p><strong><a href="http://vegui.org/">VEGUI:</a></strong>  VegUI is javascript AJAX framework and widget-collection that allows you to build dynamic web applications that are also fast and flexible.<br />
<table border="0">
<tr>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/mochi1.jpg" title="mochi.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/mochi1.jpg" alt="mochi.jpg" /></a></td>
<td><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/moofx1.jpg" title="moofx.jpg" rel="thumbnail"><img src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/10/moofx1.jpg" alt="moofx.jpg" /></a></td>
</tr>
</table>
<p><strong><a href="http://mochikit.com/">MOCHIKIT:</a> </strong> MochiKit is a highly documented and well tested, suite of JavaScript libraries that will help you get shit done, fast. We took all the good ideas we could find from our Python, Objective-C, etc. experience and adapted it to the crazy world of JavaScript.</p>
<p><strong><a href="http://moofx.mad4milk.net/">MOO.FX:</a></strong>  moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework. It&#8217;s very easy to use, blazing fast, cross-browser, standards compliant, provides controls to modify any CSS property of any HTML element, including colors, with builtin checks that won&#8217;t let a user break the effect with multiple, crazy clicks. Optimized to make you write the lesser code possible, the new moo.fx is so modular you can create any kind of effect with it.moo.fx is open source, released under the very liberal MIT License, so feel free to do anything you want with it.<strong>MORE FRAMEWORKS:</strong>
<ul>
<li><a href="http://extjs.com/"><strong>EXT JS:</strong></a>  Ext JS is a cross-browser JavaScript library for building rich internet applications.</li>
<li><a href="http://demos.openrico.org/"><strong>RICO:</strong></a>  Rico 2.0 extends the component set from the previous versions. The LiveGrid has been expanded to include filtering, column resizing, and many more features. The core of Rico 2.0 has been designed to enable custom components to be more easily built.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blogspot.fluidnewmedia.com/2008/10/useful-javascript-frameworks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

