<?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>MakeUseOf Directory &#187; javascipt</title>
	<atom:link href="http://www.makeuseof.com/dir/tag/javascipt/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.makeuseof.com/dir</link>
	<description>Directory 2.0 : Free Web Applications and Mobile Tools</description>
	<lastBuildDate>Tue, 24 Nov 2009 04:54:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mooshell: Edit &amp; Debug Mootools Scripts Online</title>
		<link>http://www.makeuseof.com/dir/mooshell-debug-mootools/</link>
		<comments>http://www.makeuseof.com/dir/mooshell-debug-mootools/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 13:09:43 +0000</pubDate>
		<dc:creator>israeln</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascipt]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=14695</guid>
		<description><![CDATA[Mooshell is a scrappy online tool for testing HTML, CSS, and Javascript elements, but more importantly, a tool for combining all these together to debug Mootools code. You only need to enter your Javascript, CSS, and HTML in the corresponding boxes and click run to view the results. The application is ideal for  programmers [...]<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/mooshell-debug-mootools/">Mooshell: Edit &#038; Debug Mootools Scripts Online</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Mooshell is a scrappy online tool for testing HTML, CSS, and Javascript elements, but more importantly, a tool for combining all these together to debug <a href="http://mootools.net/">Mootools</a> code. You only need to enter your Javascript, CSS, and HTML in the corresponding boxes and click run to view the results. The application is ideal for  programmers who want to test their snippets before implementing them on website.</p>
<p><img src="http://www.makeuseof.com/dir/wp-content/uploads/2009/10/mooshell_thumb.png" border="0" alt="debug mootools" /></p>
<p>You can also save your work if you plan to edit your code later, and collaborate with others using a generated URL. Future releases of Mooshell promise user logging, snippets collection, and tagging to name a few.</p>
<p>Features:</p>
<ul>
<li>Edit &amp; debug Mootools scripts online</li>
<li>Backend support for AJAX calls.</li>
<li>Clean, Save, Run, and Update your Mootools code on the fly.</li>
<li>Make quick edits and view results instantly.</li>
<li>Emulates the lightweight quality of Mootools coding.</li>
<li>Collaborate with others using a generated URL.</li>
<li>Similar tools: <a title="Codepad: Quickly Check Your Code Online" rel="bookmark" href="http://www.makeuseof.com/dir/codepad-check-your-code/">Codepad</a>.</li>
</ul>
<p>Check out Mooshell @ <a href="http://www.mooshell.net">www.mooshell.net</a></p>
<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/mooshell-debug-mootools/">Mooshell: Edit &#038; Debug Mootools Scripts Online</a></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/dir/codefetch-code-searching-tool/" title="CodeFetch: Programming Code Searching Tool">CodeFetch: Programming Code Searching Tool</a></li>
	<li><a href="http://www.makeuseof.com/dir/textsnip/" title="TextSnip: Easily Share Formatted Text or Code with Others">TextSnip: Easily Share Formatted Text or Code with Others</a></li>
	<li><a href="http://www.makeuseof.com/dir/friendpaste-simple-text-sharing/" title="FriendPaste: Simple Text Sharing">FriendPaste: Simple Text Sharing</a></li>
	<li><a href="http://www.makeuseof.com/dir/bytesizematters-tells-you-the-byte-size-of-any-text/" title="ByteSizeMatters: Measure the Byte Size of Text in CSS or JavaScipt Code">ByteSizeMatters: Measure the Byte Size of Text in CSS or JavaScipt Code</a></li>
	<li><a href="http://www.makeuseof.com/dir/yourdraft/" title="YourDraft: Create and Share Drafts Online">YourDraft: Create and Share Drafts Online</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/mooshell-debug-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeFetch: Programming Code Searching Tool</title>
		<link>http://www.makeuseof.com/dir/codefetch-code-searching-tool/</link>
		<comments>http://www.makeuseof.com/dir/codefetch-code-searching-tool/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 13:54:05 +0000</pubDate>
		<dc:creator>kaly</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Webmasters]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascipt]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[webmaster tools]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=9098</guid>
		<description><![CDATA[CodeFetch is an online tool for code searching that can be quiet helpful for starting programmers. The application searches published programming books and brings code snippets matching your query. Using this tool you would quickly find out where to look for code and avoid the need of flipping through indexes of books. To search for [...]<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/codefetch-code-searching-tool/">CodeFetch: Programming Code Searching Tool</a></p>
]]></description>
			<content:encoded><![CDATA[<p>CodeFetch is an online tool for code searching that can be quiet helpful for starting programmers. The application searches published programming books and brings code snippets matching your query. Using this tool you would quickly find out where to look for code and avoid the need of flipping through indexes of books. To search for code snippets, simply select  programming language you want, enter keyword and click &#8220;Fetch&#8221;.</p>
<p><img src="http://www.makeuseof.com/dir/wp-content/uploads/2009/03/codefetch.png" alt="code searching" /></p>
<p>Features:</p>
<ul>
<li>Searching code snippets on published programming books.</li>
<li>Lets you search for almost any programming language codes you want.</li>
<li>Free. No registration required.</li>
</ul>
<p>Check out CodeFetch @ <a href="http://www.codefetch.com/">www.codefetch.com</a></p>
<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/codefetch-code-searching-tool/">CodeFetch: Programming Code Searching Tool</a></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/dir/mooshell-debug-mootools/" title="Mooshell: Edit &#038; Debug Mootools Scripts Online">Mooshell: Edit &#038; Debug Mootools Scripts Online</a></li>
	<li><a href="http://www.makeuseof.com/dir/textsnip/" title="TextSnip: Easily Share Formatted Text or Code with Others">TextSnip: Easily Share Formatted Text or Code with Others</a></li>
	<li><a href="http://www.makeuseof.com/dir/friendpaste-simple-text-sharing/" title="FriendPaste: Simple Text Sharing">FriendPaste: Simple Text Sharing</a></li>
	<li><a href="http://www.makeuseof.com/dir/textfixer-online-tools-change-modify-text-html/" title="TextFixer: Text to Capitals, Remove Line Breaks &#038; Whitespaces etc.">TextFixer: Text to Capitals, Remove Line Breaks &#038; Whitespaces etc.</a></li>
	<li><a href="http://www.makeuseof.com/dir/phpanywhere-online-php-editor/" title="PHPAnywhere: Online PHP Editor">PHPAnywhere: Online PHP Editor</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/codefetch-code-searching-tool/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Protonotes: Collaborate When Working With HTML Prototypes</title>
		<link>http://www.makeuseof.com/dir/protonotes-add-notes-html-prototypes/</link>
		<comments>http://www.makeuseof.com/dir/protonotes-add-notes-html-prototypes/#comments</comments>
		<pubDate>Sat, 15 Nov 2008 20:15:32 +0000</pubDate>
		<dc:creator>abhijeet</dc:creator>
				<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascipt]]></category>
		<category><![CDATA[notes]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=6449</guid>
		<description><![CDATA[Protonotes is a free service which allows you to put small widgets on your HTML prototypes which can be done easily by putting a few lines of Javascript into your prototype. You can edit relevant notes describing your prototype, edit them or delete them. You could even collaborate with your project team members who can [...]<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/protonotes-add-notes-html-prototypes/">Protonotes: Collaborate When Working With HTML Prototypes</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Protonotes is a free service which allows you to put small widgets on your HTML prototypes which can be done easily by putting a few lines of Javascript into your prototype. You can edit relevant notes describing your prototype, edit them or delete them. You could even collaborate with your project team members who can add more notes to the prototype.</p>
<p>In short, this tool comes as a big help for those teams who are working on web development projects. This tool helps the team members to easily add notes and collaborate, no matter where they are in the world. Protonotes can also be made to work with MySQL databases with a single line of Javascript.</p>
<p style="text-align: center;"><img class="size-full wp-image-6450 aligncenter" src="http://www.makeuseof.com/dir/wp-content/uploads/2008/11/protonotes.png" alt="" /></p>
<p>You can use protonotes to annotate prototypes for : -</p>
<ul>
<li> Requirements collaboration</li>
<li> Design crits</li>
<li> Usability test findings</li>
<li> Heuristic reviews</li>
<li> QA testing</li>
</ul>
<p>There are many more features like RSS feeds for group notes, data export feature and all this with no installation required, just a javascript would do.</p>
<p>Check out Protonotes @ <a href="http://www.protonotes.com">www.protonotes.com</a> ( <em>Contributed by Abhijeet from</em> <a href="http://www.jeetblog.com">Jeet Blog</a> )</p>
<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/protonotes-add-notes-html-prototypes/">Protonotes: Collaborate When Working With HTML Prototypes</a></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/dir/yourdraft/" title="YourDraft: Create and Share Drafts Online">YourDraft: Create and Share Drafts Online</a></li>
	<li><a href="http://www.makeuseof.com/dir/wordoff-remove-unnecessary-formating-html-files/" title="WordOff: CleanUp HTML Code With a Single Click">WordOff: CleanUp HTML Code With a Single Click</a></li>
	<li><a href="http://www.makeuseof.com/dir/textsnip/" title="TextSnip: Easily Share Formatted Text or Code with Others">TextSnip: Easily Share Formatted Text or Code with Others</a></li>
	<li><a href="http://www.makeuseof.com/dir/stixy/" title="Stixy &#8211; Online Bulletin Board">Stixy &#8211; Online Bulletin Board</a></li>
	<li><a href="http://www.makeuseof.com/dir/shorttext-2/" title="ShortText : Capture and Save Webpage Highlights Online">ShortText : Capture and Save Webpage Highlights Online</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/protonotes-add-notes-html-prototypes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefly: Chat With Visitors of Your Site in Real Time</title>
		<link>http://www.makeuseof.com/dir/firefly-chat-visitors-site-real-time/</link>
		<comments>http://www.makeuseof.com/dir/firefly-chat-visitors-site-real-time/#comments</comments>
		<pubDate>Mon, 04 Aug 2008 23:16:17 +0000</pubDate>
		<dc:creator>abhijeet</dc:creator>
				<category><![CDATA[Chat / VoIP]]></category>
		<category><![CDATA[blog tools]]></category>
		<category><![CDATA[chat]]></category>
		<category><![CDATA[IM]]></category>
		<category><![CDATA[javascipt]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/firefly-chat-visitors-site-real-time/</guid>
		<description><![CDATA[Firefly is a new web app which lets you chat with the visitors of your blog or website in real time. It gives you a javascript code which can be embedded in your website and set it up in the Firefly admin area. Once it&#8217;s done, you will get a small horizontal firefly bar in [...]<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/firefly-chat-visitors-site-real-time/">Firefly: Chat With Visitors of Your Site in Real Time</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Firefly is a new web app which lets you chat with the visitors of your blog or website in real time. It gives you a javascript code which can be embedded in your website and set it up in the Firefly admin area. Once it&#8217;s done, you will get a small horizontal firefly bar in the bottom right corner of your webpage which updates in real time with the number of people on your site and the number of people talking.</p>
<p>You can chat with maximum 50 visitors at a time. Visitors can type anywhere on the site and chat among themselves.  If you are a visitor on a firefly enabled site then you can start chatting directly without the need to install anything.</p>
<p><img src="http://www.makeuseof.com/dir/wp-content/uploads/2008/08/firefly.jpg" alt="blog chat widget" /></p>
<p>Overall, this is certainly a nice concept and introduces a new way of spontaneous communication and interaction with the readers of your blog. You can get feedback from your site visitors directly without any time delay. Moreover even your site visitors get to interact with each other and talk about your site.</p>
<p>Check out Firefly @ <a href="http://www.firef.ly">www.firef.ly</a> (<em>Contributed by Abhijeet from</em> <a href="http://www.jeetblog.com">Jeet Blog</a>)</p>
<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/firefly-chat-visitors-site-real-time/">Firefly: Chat With Visitors of Your Site in Real Time</a></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/dir/yiego/" title="Yeigo: VoIP and Instant Messaging for Your Mobile">Yeigo: VoIP and Instant Messaging for Your Mobile</a></li>
	<li><a href="http://www.makeuseof.com/dir/webuzzim/" title="WeBuzz.im: Online Multi Client IM Service">WeBuzz.im: Online Multi Client IM Service</a></li>
	<li><a href="http://www.makeuseof.com/dir/web2pdf/" title="Web2PDF: &#8216;Save as PDF&#8217; Button for Your Blog">Web2PDF: &#8216;Save as PDF&#8217; Button for Your Blog</a></li>
	<li><a href="http://www.makeuseof.com/dir/vicito-latest-peronalised-news-feeds-im/" title="Vicito: Get Peronalised News in your Chat Program">Vicito: Get Peronalised News in your Chat Program</a></li>
	<li><a href="http://www.makeuseof.com/dir/tokbox/" title="TokBox: Add Video Chat to Your Blog or Profile">TokBox: Add Video Chat to Your Blog or Profile</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/firefly-chat-visitors-site-real-time/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web2PDF: &#8216;Save as PDF&#8217; Button for Your Blog</title>
		<link>http://www.makeuseof.com/dir/web2pdf/</link>
		<comments>http://www.makeuseof.com/dir/web2pdf/#comments</comments>
		<pubDate>Fri, 24 Aug 2007 18:52:42 +0000</pubDate>
		<dc:creator>Aibek</dc:creator>
				<category><![CDATA[Blog Tools]]></category>
		<category><![CDATA[Webmasters]]></category>
		<category><![CDATA[blog tools]]></category>
		<category><![CDATA[converter]]></category>
		<category><![CDATA[embeddable]]></category>
		<category><![CDATA[javascipt]]></category>
		<category><![CDATA[pdf]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/web2pdf/</guid>
		<description><![CDATA[Web2PDF is free HTML to PDF conversion service for your website. Enable your website/blog readers to instantly print desired articles to PDF files. It also includes a monitoring service that lets publishers keep track of which and how many times articles were printed to PDF.

Web2PDF &#8216;HowTo&#8217;:

1. Sign up and start with setting the Conversion Options [...]<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/web2pdf/">Web2PDF: &#8216;Save as PDF&#8217; Button for Your Blog</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Web2PDF is free HTML to PDF conversion service for your website. Enable your website/blog readers to instantly print desired articles to PDF files. It also includes a monitoring service that lets publishers keep track of which and how many times articles were printed to PDF.</p>
<div align="center"><img src="http://www.makeuseof.com/dir/images/web2pdf.jpg" alt="HTML to PDF converter for the website" /></div>
<p><strong>Web2PDF &#8216;HowTo&#8217;:</strong></p>
<ul>
<li>1. Sign up and start with setting the Conversion Options for your &#8220;Save page as PDF&#8221; button.</li>
<li>2. Choose paper orientation for the printed PDF: Portrait or Landscape.</li>
<li>3. Specify paper margins: in inches (Top, Bottom, Left, Right)</li>
<li>4. Get JavaScript code: Generate JavaScript code and copy &#038; paste it to the place where you want &#8220;Save page as PDF&#8221; button to appear. Code should be placed within the <body>&#8230; </body> tags of the template page.</li>
</ul>
<p>Go to Web2PDF @ [<a href="http://web2.pdfonline.com">web2.pdfonline.com</a>]</p>
<p><ul>
<li><strong>New: Follow <a href="http://twitter.com/MakeUseOf">MakeUseOf on Twitter</a>. Recommended!</strong></li>
<li><a href="http://feedproxy.google.com/GeekyFun">MakeUseOf 'Geeky Fun'</a> - Hillarious Geeky Pics and Videos from different parts of web.</li>
</ul><br/><br/><a href="http://www.makeuseof.com/dir/web2pdf/">Web2PDF: &#8216;Save as PDF&#8217; Button for Your Blog</a></p>

	<em><h4>Related posts</h4></em>
	<ul class="st-related-posts">
	<li><a href="http://www.makeuseof.com/dir/yahoomediaplayer-embeddable-mp3-player/" title="Yahoo! Media Player: Embedable MP3 Player">Yahoo! Media Player: Embedable MP3 Player</a></li>
	<li><a href="http://www.makeuseof.com/dir/vozme/" title="Vozme: Online Text to Speech Converter">Vozme: Online Text to Speech Converter</a></li>
	<li><a href="http://www.makeuseof.com/dir/visitorcontact-custom-contact-form/" title="VisitorContact: Create Custom Contact Forms and Buttons">VisitorContact: Create Custom Contact Forms and Buttons</a></li>
	<li><a href="http://www.makeuseof.com/dir/text2pdf-create-adobe-pdf-files-from-text/" title="Text2PDF: Create Adobe PDF Files From Text">Text2PDF: Create Adobe PDF Files From Text</a></li>
	<li><a href="http://www.makeuseof.com/dir/tagcrowd-tool-generating-tag-clouds-online/" title="TagCrowd: Tool For Generating Tag Clouds Online">TagCrowd: Tool For Generating Tag Clouds Online</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/web2pdf/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
