<?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>Expressing IT &#187; Javascript</title>
	<atom:link href="http://developer.expressionz.in/blogs/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://developer.expressionz.in/blogs</link>
	<description>User Interface : just another, but a serious developers weblog</description>
	<lastBuildDate>Thu, 20 May 2010 18:05:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JavaScript: Edit web page in browser</title>
		<link>http://developer.expressionz.in/blogs/2008/09/13/javascript-edit-web-page-in-browser/</link>
		<comments>http://developer.expressionz.in/blogs/2008/09/13/javascript-edit-web-page-in-browser/#comments</comments>
		<pubDate>Sun, 14 Sep 2008 06:19:46 +0000</pubDate>
		<dc:creator>Nikhil</dc:creator>
				<category><![CDATA[JavasScript]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://developer.expressionz.in/blogs/?p=35</guid>
		<description><![CDATA[
			
				
			
		
Well , I must say, not such an usefull piece of science, but if you are a Web Developer, might come handy , someday ( or will it?). Here is small bookmarklet, which allows to edit the web page for any site .
And Sorry!  You can save the results on your local machine only.
javascript:document.body.contentEditable=&#8217;true&#8217;; document.designMode=&#8217;on&#8217;; [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fdeveloper.expressionz.in%2Fblogs%2F2008%2F09%2F13%2Fjavascript-edit-web-page-in-browser%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fdeveloper.expressionz.in%2Fblogs%2F2008%2F09%2F13%2Fjavascript-edit-web-page-in-browser%2F&amp;source=nikhild&amp;style=normal&amp;hashtags=Javascript" height="61" width="50" /><br />
			</a>
		</div>
<p>Well , I must say, not such an usefull piece of science, but if you are a Web Developer, might come handy , someday ( or will it?). Here is small bookmarklet, which allows to edit the web page for any site .<br />
And Sorry!  You can save the results on your local machine only.</p>
<blockquote><p>javascript:document.body.contentEditable=&#8217;true&#8217;; document.designMode=&#8217;on&#8217;; void 0</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://developer.expressionz.in/blogs/2008/09/13/javascript-edit-web-page-in-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Practices: Working with JavaScript’s</title>
		<link>http://developer.expressionz.in/blogs/2008/05/15/best-practices-working-with-javascript%e2%80%99s/</link>
		<comments>http://developer.expressionz.in/blogs/2008/05/15/best-practices-working-with-javascript%e2%80%99s/#comments</comments>
		<pubDate>Thu, 15 May 2008 19:47:28 +0000</pubDate>
		<dc:creator>Nikhil</dc:creator>
				<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[JavasScript]]></category>
		<category><![CDATA[User Interface Desgin]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://developer.expressionz.in/blogs/?p=20</guid>
		<description><![CDATA[
			
				
			
		
Include JavaScript’s at the Bottom of the HTML Document
If you do not have document.write ( or any dynamic generation of page contents using javascripts) to insert part of the page&#8217;s content in your scripts, move the script include statement to the bottom of the page, before the end of the BODY tag.
The HTTP/1.1 specification suggests [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fdeveloper.expressionz.in%2Fblogs%2F2008%2F05%2F15%2Fbest-practices-working-with-javascript%25e2%2580%2599s%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fdeveloper.expressionz.in%2Fblogs%2F2008%2F05%2F15%2Fbest-practices-working-with-javascript%25e2%2580%2599s%2F&amp;source=nikhild&amp;style=normal&amp;hashtags=Best+Practices,Javascript" height="61" width="50" /><br />
			</a>
		</div>
<h4>Include JavaScript’s at the Bottom of the HTML Document</h4>
<p>If you do not have document.write ( or any dynamic generation of page contents using javascripts) to insert part of the page&#8217;s content in your scripts, move the script include statement to the bottom of the page, before the end of the BODY tag.<br />
The HTTP/1.1 specification suggests that browsers download no more than two components in parallel per hostname. If you serve your images from multiple hostnames, you can get more than two downloads to occur in parallel. While a script is downloading, however, the browser won&#8217;t start any other downloads, even on different hostnames.<br />
There are also ways to dynamically create SCRIPT nodes and load remote scripts after the page is loaded using AJAX .</p>
<h4>Externalise you JavaScript’s</h4>
<p>Using external JavaScript files will result in faster loading of  pages because the JavaScript files are cached by the browser. Inline JavaScript’s’ in HTML documents get downloaded every time the HTML document is requested. This might actually reduce the number of HTTP requests made but it subsequently increases the size of the HTML document. External JavaScript’s are cached by the browser; the size of the HTML document is reduced without increasing the number of HTTP requests.<br />
Please note that, if users on your site have multiple page views per session and many of your pages re-use the same scripts and stylesheets, there is a greater potential benefit from cached external files.</p>
<h4>Pack Your Javascript Files</h4>
<p>In case of JavaScripts , unlike CSS, the files could crunched using some standard algorithms that would give a reduced file size than simply removing spaces or tabs. An example of javascript packer can be found here http://dean.edwards.name/packer/</p>
<h4>Get rid of any Duplicate Scripts</h4>
<p>It is very unusual that entire scripts might be duplicated, but a review of the ten top U.S. web sites shows that two of them contain a duplicated script. Duplicate scripts  but obviously reduces the performance by creating unnecessary HTTP requests and wasted JavaScript execution.<br />
Also, in many instances, though the scripts names are different, there is a likelihood of duplicate scripts within the same page due to team size and number of scripts.</p>
<h4>Minimize accessing DOM elements where possible</h4>
<p>Accessing DOM elements with JavaScript is slow so in order to have a more responsive page, you should:<br />
•	Cache references to accessed elements<br />
•	Update nodes &#8220;offline&#8221; and then add them to the tree<br />
•	Avoid fixing layout with JavaScript</p>
<h4>Separate Behavior from Content and Presentation</h4>
<p>Just as we separate Presentation (CSS/XSLT) from Content (XHTML/XML), we should also separate Behavior (Javascript). This is called unobtrusive Javascript. Just as we link to external CSS files, we should link to external javascript files.</p>
<p>Instead of hard coding behavior into the content (e.g. onmouseover, onclick, etc.), behavior should be dynamically added to elements, classes, and unique elements (IDs) using the DOM. The foundational document, the content, should contain only valid XHTML/XML and no javascript.<br />
Javascript should augment content by adding behavior. The content should remain useful and usable without javascript (or without full javascript support).</p>
]]></content:encoded>
			<wfw:commentRss>http://developer.expressionz.in/blogs/2008/05/15/best-practices-working-with-javascript%e2%80%99s/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
