<?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/"
><channel><title>WebAppers &#187; Tools</title><link>http://www.webappers.com</link> <description>- Hunting the Best Open Source Resources for Web Developers</description> <pubDate>Fri, 20 Nov 2009 07:01:22 +0000</pubDate> <generator>http://wordpress.org/?v=2.8.6</generator> <language>en</language> <item><title>Easily Parse XML wtih jParse jQuery Plugin</title><link>http://www.webappers.com/2009/11/10/easily-parse-xml-wtih-jparse-jquery-plugin/</link> <comments>http://www.webappers.com/2009/11/10/easily-parse-xml-wtih-jparse-jquery-plugin/#comments</comments> <pubDate>Tue, 10 Nov 2009 07:55:58 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[MIT License]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1939</guid> <description><![CDATA[jParse is a jQuery plugin that allows you to quickly and easily parse XML. With the jParse jQuery plugin, you can parse XML that is returned from an jQuery Ajax request. jQuery .ajax method does not allow for cross domain Ajax requests, so the XML that you would like to parse must be on the [...]]]></description> <content:encoded><![CDATA[<p><a
title="jParse" href="http://jparse.kylerush.net/" target="_blank">jParse</a> is a jQuery plugin that allows you to quickly and easily parse XML. With the jParse jQuery plugin, you can parse XML that is returned from an jQuery <em><strong>Ajax request</strong></em>. jQuery .ajax method does not allow for cross domain Ajax requests, so the XML that you would like to parse must be on the same domain from which you are working.</p><p>You can pull many types of information from an XML document like the value of an XML node, the value of an attribute of an XML node, or the number of &lt;items&gt; in an XML document. <a
title="jParse" href="http://jparse.kylerush.net/" target="_blank">jParse jQuery Plugin</a> has been tested on Firefox 2+, IE 6+, Safari 3+ and Opera 9+.</p><p
style="text-align: center;"><a
title="jParse" href="http://jparse.kylerush.net/" target="_blank"><img
class="size-full wp-image-1940 aligncenter" title="jparse" src="http://www.webappers.com/img/2009/11/jparse.jpg" alt="jparse" width="480" height="267" /></a></p><blockquote><p>Requirements: jQuery Framework<br
/> Demo: <a
title="Demo" rel="nofollow" href="http://jparse.kylerush.net/demo" target="_blank">http://jparse.kylerush.net/demo</a><br
/> License: MIT License</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2008/10/07/treeview-expandable-and-collapsible-tree-jquery-plugin/" rel="bookmark" title="October 7, 2008">Treeview &#8211; Expandable and Collapsible Tree jQuery Plugin</a></li><li><a
href="http://www.webappers.com/2008/10/16/jquery-context-menu-plugin-with-a-bunch-of-context-menus/" rel="bookmark" title="October 16, 2008">jQuery Context Menu Plugin with a Bunch of Context Menus</a></li><li><a
href="http://www.webappers.com/2008/11/27/build-your-own-slideshow-with-s3slider-jquery-plugin/" rel="bookmark" title="November 27, 2008">Build Your Own Slideshow with s3Slider jQuery Plugin</a></li><li><a
href="http://www.webappers.com/2009/01/29/jquery-navigation-control-to-manage-alphabetical-lists/" rel="bookmark" title="January 29, 2009">jQuery Navigation Control to Manage Alphabetical Lists</a></li><li><a
href="http://www.webappers.com/2009/03/07/multiple-file-upload-plugin-with-jquery-and-flash/" rel="bookmark" title="March 7, 2009">Multiple File Upload Plugin with jQuery and Flash</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/11/10/easily-parse-xml-wtih-jparse-jquery-plugin/feed/</wfw:commentRss> </item> <item><title>Notable &#8211; Easy Way to Provide Feedback on Websites</title><link>http://www.webappers.com/2009/10/27/notable-easy-way-to-provide-feedback-on-websites/</link> <comments>http://www.webappers.com/2009/10/27/notable-easy-way-to-provide-feedback-on-websites/#comments</comments> <pubDate>Tue, 27 Oct 2009 07:01:31 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1853</guid> <description><![CDATA[On the internet there are many applications and sites that help people to improve the way they work. Notable is an interesting result which is based on giving users an opening to use a feedback program which is created for teams that need to assist in improving many websites’ design, content, and code. Notable, designed [...]]]></description> <content:encoded><![CDATA[<p>On the internet there are many applications and sites that help people to improve the way they work. <a
title="NotableApp" href="http://www.notableapp.com/" target="_blank">Notable</a> is an interesting result which is based on giving users an opening to use a feedback program which is created for teams that need to assist in improving many websites’ design, content, and code. Notable, designed by ZURB, makes sharing web page design and collecting feedback very simple.</p><p>You can give feedback quickly and easily on design, content and code of a website or application on any page. One of the finest things about this tool is that now it is easy to contribute with any page of a website. You can do it without leaving the browser.</p><p>Using this product, your team will be able to participate through visual feedback on screenshots. It is a page capture utility. It has got strong annotation features which allow you pinpoint copy, design elements and even code which needs to be tweaked. Notable is the best comprehensive feedback tool on the Web.</p><p
style="text-align: center;"><a
title="NotableApp" href="http://www.notableapp.com/" target="_blank"><img
class="size-full wp-image-1854 aligncenter" title="website-feedback" src="http://www.webappers.com/img/2009/10/website-feedback.jpg" alt="website-feedback" width="480" height="319" /></a></p><p><span
id="more-1853"></span></p><p><a
title="NotableApp" href="http://www.notableapp.com/" target="_blank">Notable</a> gives you the chance to express your opinion in a very simple way. It enables you to capture visual, code and copy notes on your browser or even with an iPhone app with the click of a button. You can also upload the capture to your account. You will be able to utilize this solution irrespective of where you are and what computer you are using without any bloated software.</p><p>The site is simple when it comes to answering the queries you might be having regarding the privacy of your pages or to know about the products you are interested in. All you have to do is install a Firefox extension or you can download the iPhone app. It will take only 10 seconds or less.</p><p>Permissions can be controlled easily and it is shared only with those you choose. You can take screenshot of a page and then annotate any part of that particular page with comments. For multiple projects you can create separate workspaces and share it with associated teams.</p><p
style="text-align: center;"><a
href="http://www.notableapp.com/" target="_blank"><img
class="size-full wp-image-1857 aligncenter" title="notable" src="http://www.webappers.com/img/2009/10/notable.jpg" alt="notable" width="479" height="281" /></a></p><p>There is a plan for Personal use, which is Free. It allows up to 3 users, with 3GB storage. You can have unlimited sets on 1 Private Workspace. And it supports iPhone Application as well.</p><blockquote><p>Requirements: -<br
/> Demo: <a
rel="nofollow" href="http://www.notableapp.com/" target="_blank">http://www.notableapp.com/</a><br
/> License:  See Plans</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2009/07/01/capture-any-webpage-from-any-browser-with-aviary/" rel="bookmark" title="July 1, 2009">Capture Any Webpage From Any Browser with Aviary</a></li><li><a
href="http://www.webappers.com/2009/03/20/easy-cross-browser-testing-with-superpreview/" rel="bookmark" title="March 20, 2009">Easy Cross-Browser Testing with SuperPreview</a></li><li><a
href="http://www.webappers.com/2009/05/08/resources-for-developing-a-site-for-iphone/" rel="bookmark" title="May 8, 2009">Resources for Developing a Site for iPhone</a></li><li><a
href="http://www.webappers.com/2008/09/21/twiki-open-source-enterprise-wiki-platform-for-download/" rel="bookmark" title="September 21, 2008">TWiki &#8211; Open Source Enterprise Wiki Platform for Download</a></li><li><a
href="http://www.webappers.com/2008/05/04/samples-codes-for-building-iphone-applications/" rel="bookmark" title="May 4, 2008">Samples Codes for Building iPhone Applications</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/10/27/notable-easy-way-to-provide-feedback-on-websites/feed/</wfw:commentRss> </item> <item><title>Create &amp; Collaborate Interactive UI Mockups for Your Sites</title><link>http://www.webappers.com/2009/10/14/create-collaborate-interactive-ui-mockups-for-your-sites/</link> <comments>http://www.webappers.com/2009/10/14/create-collaborate-interactive-ui-mockups-for-your-sites/#comments</comments> <pubDate>Wed, 14 Oct 2009 07:01:06 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1798</guid> <description><![CDATA[MockFlow is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups. It also comes with ready-to-use 70+ Components and 200+ icons, all designed to suit wireframing.
Nothing to download or install, create and access your mockups from anywhere. [...]]]></description> <content:encoded><![CDATA[<p><a
title="MockFlow" href="http://mockflow.com/" target="_blank">MockFlow</a> is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups. It also comes with ready-to-use 70+ Components and 200+ icons, all designed to suit wireframing.</p><p>Nothing to download or install, create and access your mockups from anywhere. You can share your mockups in private/public mode and get feedback from your clients &amp; users, As simple as sharing an URL. The Basic account is completely free with 10 MB storage.</p><p
style="text-align: center;"><a
title="MockFlow" href="http://mockflow.com/" target="_blank"><img
class="size-full wp-image-1797 aligncenter" title="twitter-mockup" src="http://www.webappers.com/img/2009/10/twitter-mockup.jpg" alt="twitter-mockup" width="480" height="343" /></a></p><blockquote><p>Requirements: -<br
/> Demo: <a
title="Demo" rel="nofollow" href="http://mockflow.com/" target="_blank">http://mockflow.com/</a><br
/> License: License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2007/06/03/affordable-dedicated-virtual-server/" rel="bookmark" title="June 3, 2007">MT Affordable Dedicated-Virtual Server</a></li><li><a
href="http://www.webappers.com/2009/10/27/notable-easy-way-to-provide-feedback-on-websites/" rel="bookmark" title="October 27, 2009">Notable &#8211; Easy Way to Provide Feedback on Websites</a></li><li><a
href="http://www.webappers.com/2009/06/23/socialcast-a-simple-secure-free-collaboration-tool/" rel="bookmark" title="June 23, 2009">Socialcast &#8211; A Simple, Secure &#038; Free Collaboration Tool</a></li><li><a
href="http://www.webappers.com/2009/08/31/get-professional-constructive-feedback-on-your-concepts/" rel="bookmark" title="August 31, 2009">Get Professional &#038; Constructive Feedback on Your Concepts</a></li><li><a
href="http://www.webappers.com/2009/07/08/get-a-full-featured-pingdom-account-for-free/" rel="bookmark" title="July 8, 2009">Get a Full Featured Pingdom Account for Free</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/10/14/create-collaborate-interactive-ui-mockups-for-your-sites/feed/</wfw:commentRss> </item> <item><title>jQuery Twitter Ticker using Twitter&#8217;s Search API</title><link>http://www.webappers.com/2009/10/12/jquery-twitter-ticker-using-twitters-search-api/</link> <comments>http://www.webappers.com/2009/10/12/jquery-twitter-ticker-using-twitters-search-api/#comments</comments> <pubDate>Mon, 12 Oct 2009 07:01:47 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1787</guid> <description><![CDATA[Tutorialzine is going to create a pure jQuery &#38; CSS Twitter Ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code  or databases. As a result, the ticker will be easily included into any web page and easily modified to your [...]]]></description> <content:encoded><![CDATA[<p><strong>Tutorialzine</strong> is going to create a pure <a
title="jQuery Twitter Ticker" href="http://tutorialzine.com/2009/10/jquery-twitter-ticker/" target="_blank">jQuery &amp; CSS Twitter Ticker</a> which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code  or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.</p><p>To change the twitter accounts that are shown in the ticker, you’ll need to modify the tweetUsers array. If you provide two or more twitter names, their tweets will be shown together. Only the 50 most recent tweets from the past 7 days will be returned.</p><p
style="text-align: center;"><a
title="jQuery Twitter Ticker" href="http://tutorialzine.com/2009/10/jquery-twitter-ticker/" target="_blank"><img
class="size-full wp-image-1788 aligncenter" title="twitter-widget" src="http://www.webappers.com/img/2009/10/twitter-widget.jpg" alt="twitter-widget" width="480" height="399" /></a></p><blockquote><p>Requirements: jQuery Framework<br
/> Demo: <a
title="Demo" rel="nofollow" href="http://demo.tutorialzine.com/2009/10/jquery-twitter-ticker/demo.html" target="_blank">http://demo.tutorialzine.com/2009/10/jquery-twitter-ticker/demo.html</a><br
/> License: License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2008/01/08/nice-and-easy-to-implement-news-scrolling-tickers/" rel="bookmark" title="January 8, 2008">Nice and Easy to Implement News Scrolling Tickers</a></li><li><a
href="http://www.webappers.com/2009/08/27/display-your-twitter-feed-with-tweetable-jquery-plugin/" rel="bookmark" title="August 27, 2009">Display Your Twitter Feed with Tweetable jQuery Plugin</a></li><li><a
href="http://www.webappers.com/2009/11/20/create-a-twitter-style-login-form-with-jquery/" rel="bookmark" title="November 20, 2009">Create a Twitter Style Login Form with jQuery</a></li><li><a
href="http://www.webappers.com/2009/08/04/jquery-weekly-calendar-plugin-inspired-by-google-calendar/" rel="bookmark" title="August 4, 2009">jQuery Weekly Calendar Plugin inspired by Google Calendar</a></li><li><a
href="http://www.webappers.com/2009/10/26/how-to-create-a-google-wave-like-history-slider/" rel="bookmark" title="October 26, 2009">How to Create a Google Wave-like History Slider</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/10/12/jquery-twitter-ticker-using-twitters-search-api/feed/</wfw:commentRss> </item> <item><title>Reduce Image File Size Without Any Loss of Quality</title><link>http://www.webappers.com/2009/10/06/reduce-image-file-size-without-any-loss-of-quality/</link> <comments>http://www.webappers.com/2009/10/06/reduce-image-file-size-without-any-loss-of-quality/#comments</comments> <pubDate>Tue, 06 Oct 2009 07:01:07 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1764</guid> <description><![CDATA[punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality. punypng uses several web optimization techniques to reduce the file sizes of your images. It first analyzes the content of your image and figures out the best image format to use.
Depending [...]]]></description> <content:encoded><![CDATA[<p><a
title="punypng" href="http://www.gracepointafterfive.com/punypng/" target="_blank">punypng</a> is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality. punypng uses several web optimization techniques to reduce the file sizes of your images. It first analyzes the content of your image and figures out the best image format to use.</p><p>Depending on the file, <a
title="punypng" href="http://www.gracepointafterfive.com/punypng/" target="_blank">punypng</a> will automatically convert your GIF into a PNG format and then further compress that. For JPEGs, sometimes it&#8217;s better to make it a PNG, and other times it&#8217;s better to keep it as JPEG and use jpeg-tran to optimize it. punypng makes all those decisions for you and ensures the best possible results.</p><p
style="text-align: center;"><a
title="punypng" href="http://www.gracepointafterfive.com/punypng/" target="_blank"><img
class="size-full wp-image-1765 aligncenter" title="punypng" src="http://www.webappers.com/img/2009/10/punypng.jpg" alt="punypng" width="480" height="380" /></a></p><blockquote><p>Requirements: -<br
/> Demo: <a
title="Demo" rel="nofollow" href="http://www.gracepointafterfive.com/punypng/" target="_blank">http://www.gracepointafterfive.com/punypng/</a><br
/> License: License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2008/03/14/smart-image-resizer-auto-resizes-images-in-php/" rel="bookmark" title="March 14, 2008">Smart Image Resizer Auto-Resizes Images in PHP</a></li><li><a
href="http://www.webappers.com/2008/01/28/text2png-converts-text-to-png-with-javascript/" rel="bookmark" title="January 28, 2008">Text2PNG Converts Text to PNG with Javascript</a></li><li><a
href="http://www.webappers.com/2007/10/24/jfreechart-free-100-java-chart-library/" rel="bookmark" title="October 24, 2007">JFreeChart &#8211; Free 100% Java Chart Library</a></li><li><a
href="http://www.webappers.com/2007/09/01/css-compressor-to-save-your-bandwidth/" rel="bookmark" title="September 1, 2007">CSS Compressor to Save Your Bandwidth</a></li><li><a
href="http://www.webappers.com/2009/01/22/minify-combine-compress-css-or-javascript-files/" rel="bookmark" title="January 22, 2009">Minify &#8211; Combine &#038; Compress CSS or Javascript Files</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/10/06/reduce-image-file-size-without-any-loss-of-quality/feed/</wfw:commentRss> </item> <item><title>Preload a Web Page with Loading Bar &amp; Custom Animations</title><link>http://www.webappers.com/2009/10/02/preload-a-web-page-with-loading-bar-custom-animations/</link> <comments>http://www.webappers.com/2009/10/02/preload-a-web-page-with-loading-bar-custom-animations/#comments</comments> <pubDate>Fri, 02 Oct 2009 07:01:54 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1754</guid> <description><![CDATA[Yesterday, we mentioned How to Delay Images Loading. Today, we have QueryLoader which preloads images or even a whole web page with Loading bar and custom animations.
There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders [...]]]></description> <content:encoded><![CDATA[<p>Yesterday, we mentioned How to <a
title="Delay Images Loading" href="http://www.webappers.com/2009/10/01/delays-loading-of-images-with-lazy-loader-jquery-plugin/" target="_blank">Delay Images Loading</a>. Today, we have <a
title="QueryLoader" href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/" target="_blank"><strong>QueryLoader</strong></a> which preloads images or even a whole web page with Loading bar and custom animations.</p><p>There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: “Loading page” or have an animated image that spins. <strong><a
title="QueryLoader" href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/" target="_blank"><strong></strong></a></strong></p><p>Why can’t there be a nice loading bar of some kind? <strong><a
title="QueryLoader" href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/" target="_blank"><strong>QueryLoader</strong></a></strong> has it all. Loading bar, custom animations and getting all images included in the web page.</p><p
style="text-align: center;"><a
title="QueryLoader" href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/" target="_blank"><img
class="aligncenter" title="jquery-preloader" src="http://www.webappers.com/img/2009/10/jquery-preloader.jpg" alt="jquery-preloader" /></a></p><blockquote><p>Requirements: jQuery Framework<br
/> Demo: <a
title="Demo" rel="nofollow" href="http://www.gayadesign.com/scripts/queryLoader/" target="_blank">http://www.gayadesign.com/scripts/queryLoader/</a><br
/> License: License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2009/10/01/delays-loading-of-images-with-lazy-loader-jquery-plugin/" rel="bookmark" title="October 1, 2009">Delays Loading of Images with Lazy Loader jQuery Plugin</a></li><li><a
href="http://www.webappers.com/2008/11/24/jquerypopeye-an-inline-lightbox-alternative/" rel="bookmark" title="November 24, 2008">jQuery.popeye &#8211; An Inline Lightbox Alternative</a></li><li><a
href="http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/" rel="bookmark" title="March 5, 2008">Galleria &#8211; Simple but Nice jQuery Image Gallery</a></li><li><a
href="http://www.webappers.com/2009/09/08/create-powerful-mobile-apps-with-html-css-and-jquery/" rel="bookmark" title="September 8, 2009">Create Powerful Mobile Apps with HTML, CSS and jQuery</a></li><li><a
href="http://www.webappers.com/2008/03/31/fancybox-jquery-image-zomming-script/" rel="bookmark" title="March 31, 2008">FancyBox &#8211; jQuery Image Zomming Script</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/10/02/preload-a-web-page-with-loading-bar-custom-animations/feed/</wfw:commentRss> </item> <item><title>Delays Loading of Images with Lazy Loader jQuery Plugin</title><link>http://www.webappers.com/2009/10/01/delays-loading-of-images-with-lazy-loader-jquery-plugin/</link> <comments>http://www.webappers.com/2009/10/01/delays-loading-of-images-with-lazy-loader-jquery-plugin/#comments</comments> <pubDate>Thu, 01 Oct 2009 07:01:09 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[MIT License]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1744</guid> <description><![CDATA[Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.
Using Lazy loader on long web pages containing many large images makes the page load [...]]]></description> <content:encoded><![CDATA[<p><a
title="Lazy Load" href="http://www.appelsiini.net/projects/lazyload" target="_blank">Lazy loader</a> is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.</p><p>Using <a
title="Lazy Load" href="http://www.appelsiini.net/projects/lazyload" target="_blank">Lazy loader</a> on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. <strong>In some cases it can also help to reduce server load.</strong></p><p>There are options for control maniacs who need to fine-tune. You can set threshold on how close to the edge image should come before it is loaded. You can also set placeholder image and custom event to trigger loading. You can check out the <a
title="Demo" href="http://www.appelsiini.net/projects/lazyload/enabled_fadein.html" target="_blank">demo with FadeIn Effect enabled</a>.</p><blockquote><p>Requirements: jQuery Framework<br
/> Demo: <a
title="Demo" rel="nofollow" href="http://www.appelsiini.net/projects/lazyload/enabled_fadein.html" target="_blank">http://www.appelsiini.net/projects/lazyload/enabled_fadein.html</a><br
/> License: MIT License</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2009/10/02/preload-a-web-page-with-loading-bar-custom-animations/" rel="bookmark" title="October 2, 2009">Preload a Web Page with Loading Bar &#038; Custom Animations</a></li><li><a
href="http://www.webappers.com/2008/12/17/25-excellent-tips-and-tricks-of-jquery/" rel="bookmark" title="December 17, 2008">25 Excellent Tips and Tricks of jQuery</a></li><li><a
href="http://www.webappers.com/2008/12/27/free-dynamic-javascript-slideshow-under-5kb/" rel="bookmark" title="December 27, 2008">Free Dynamic Javascript Slideshow Under 5KB</a></li><li><a
href="http://www.webappers.com/2008/07/19/autoviewer-free-and-customizable-flash-image-viewer/" rel="bookmark" title="July 19, 2008">AutoViewer &#8211; Free and Customizable Flash Image Viewer</a></li><li><a
href="http://www.webappers.com/2009/02/04/preview-images-with-imgpreview-jquery-plugin/" rel="bookmark" title="February 4, 2009">Preview Images with imgPreview jQuery Plugin</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/10/01/delays-loading-of-images-with-lazy-loader-jquery-plugin/feed/</wfw:commentRss> </item> <item><title>SlickPlan &#8211; Web Based Sitemap &amp; Flowchart Generator</title><link>http://www.webappers.com/2009/09/25/slickplan-web-based-sitemap-flowchart-generator/</link> <comments>http://www.webappers.com/2009/09/25/slickplan-web-based-sitemap-flowchart-generator/#comments</comments> <pubDate>Fri, 25 Sep 2009 08:39:55 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1729</guid> <description><![CDATA[SlickPlan is a web-based sitemap/flowchart generator that allows for the creation of free sitemap and flowchart design quickly and easily. SlickPlan is ideal for web designers and developers who need to create navigation flowcharts for their clients. Although SlickPlan is perfect for professionals, its simplicity allows anyone who needs a basic flowchart to use it.
Creating [...]]]></description> <content:encoded><![CDATA[<p><a
title="SlickPlan" href="http://www.slickplan.com/" target="_blank">SlickPlan</a> is a web-based sitemap/flowchart generator that allows for the creation of free sitemap and flowchart design quickly and easily. <a
title="SlickPlan" href="http://www.slickplan.com/" target="_blank">SlickPlan</a> is ideal for web designers and developers who need to create navigation flowcharts for their clients. Although SlickPlan is perfect for professionals, its simplicity allows anyone who needs a basic flowchart to use it.</p><p>Creating an account enables you to keep your sitemaps neatly organized on SlickPlan&#8217;s website. That way, you don&#8217;t have to keep track of them yourself. Your sitemaps will be right in front of you when you sign in.</p><p
style="text-align: center;"><a
title="SlickPlan" href="http://www.slickplan.com/" target="_blank"><img
class="aligncenter" src="http://www.webappers.com/img/2009/09/slickplan.jpg" alt="Slick Plan" /></a></p><blockquote><p>Requirements: -<br
/> Demo: <a
title="demo" rel="nofollow" href="http://www.slickplan.com/" target="_blank">http://www.slickplan.com/</a><br
/> License: License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2009/09/16/how-to-create-a-drag-drop-sortable-sitemap-with-jquery/" rel="bookmark" title="September 16, 2009">How to Create a Drag &#038; Drop Sortable Sitemap with jQuery</a></li><li><a
href="http://www.webappers.com/2008/04/10/google-app-engine-host-your-web-app-on-google/" rel="bookmark" title="April 10, 2008">Google App Engine &#8211; Host Your Web App on Google</a></li><li><a
href="http://www.webappers.com/2008/09/29/pdf-graph-paper-for-web-designers/" rel="bookmark" title="September 29, 2008">PDF Graph Paper for Web Designers</a></li><li><a
href="http://www.webappers.com/2009/04/29/download-18-beautiful-project-icons-for-free/" rel="bookmark" title="April 29, 2009">Download 18 Beautiful Project Icons for Free</a></li><li><a
href="http://www.webappers.com/2008/11/04/lightweight-simplecartjs-paypal-e-commerce-system/" rel="bookmark" title="November 4, 2008">Lightweight SimpleCart(js) + PayPal E-commerce System</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/09/25/slickplan-web-based-sitemap-flowchart-generator/feed/</wfw:commentRss> </item> <item><title>Add Audio to Your Site with Yahoo! Media Player</title><link>http://www.webappers.com/2009/09/19/add-audio-to-your-site-with-yahoo-media-player/</link> <comments>http://www.webappers.com/2009/09/19/add-audio-to-your-site-with-yahoo-media-player/#comments</comments> <pubDate>Sat, 19 Sep 2009 07:01:07 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Sound]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1712</guid> <description><![CDATA[Yahoo! Media Player enhances your web site or blog by creating an embedded player for each audio link. All the links can be played with one click, and it automatically finds all audio links on your page, turning your page into a playlist.
Magical floating design never gets lost, is available when you need it, gets [...]]]></description> <content:encoded><![CDATA[<p><a
title="Yahoo! Media Player" href="http://mediaplayer.yahoo.com/" target="_blank">Yahoo! Media Player</a> enhances your web site or blog by creating an embedded player for each audio link. All the links can be played with one click, and it automatically finds all audio links on your page, turning your page into a playlist.</p><p>Magical floating design never gets lost, is available when you need it, gets out of your way when you don&#8217;t need it. So that it keeps the user in the page rather than sending them away to a media player. This is done by adding one line of HTML to your page.</p><p
style="text-align: center;"><a
title="Yahoo! Media Player" href="http://mediaplayer.yahoo.com/" target="_blank"><img
class="aligncenter" src="http://www.webappers.com/img/2009/09/media-player.jpg" alt="Media Player" /></a></p><blockquote><p>Requirements: -<br
/> Demo: <a
title="demo" rel="nofollow" href="http://mediaplayer.yahoo.com/" target="_blank">http://mediaplayer.yahoo.com/</a><br
/> License: <a
href="http://info.yahoo.com/legal/us/yahoo/utos/utos-173.html">Terms</a></p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2009/11/04/show-your-links-as-a-drop-down-list-with-pluralink/" rel="bookmark" title="November 4, 2009">Show Your Links as a Drop Down List with Pluralink</a></li><li><a
href="http://www.webappers.com/2008/01/26/shadowbox-cross-platform-fully-documented-media-viewer/" rel="bookmark" title="January 26, 2008">Shadowbox Cross-Platform Fully-Documented Media Viewer</a></li><li><a
href="http://www.webappers.com/2008/03/29/extux-youtubeplayer-makes-youtube-player-looks-nicer/" rel="bookmark" title="March 29, 2008">Ext.ux. YoutubePlayer Makes Youtube Player Looks Nicer</a></li><li><a
href="http://www.webappers.com/2008/01/30/easylistener-pretty-flash-music-mp3-player/" rel="bookmark" title="January 30, 2008">EasyListener Pretty Flash Music MP3 Player</a></li><li><a
href="http://www.webappers.com/2009/08/18/new-set-of-circular-social-media-icons-for-free/" rel="bookmark" title="August 18, 2009">New Set of Circular Social Media Icons for Free</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/09/19/add-audio-to-your-site-with-yahoo-media-player/feed/</wfw:commentRss> </item> <item><title>How to Create a Drag &amp; Drop Sortable Sitemap with jQuery</title><link>http://www.webappers.com/2009/09/16/how-to-create-a-drag-drop-sortable-sitemap-with-jquery/</link> <comments>http://www.webappers.com/2009/09/16/how-to-create-a-drag-drop-sortable-sitemap-with-jquery/#comments</comments> <pubDate>Wed, 16 Sep 2009 07:01:59 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.webappers.com/?p=1704</guid> <description><![CDATA[Yesterday, we have just mentioned SlickMap CSS, which is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. Now we have a great tutorial of Creating a Draggable Sitemap with jQuery.
There are a handful of javascript libraries and plugins available that attempt this task, but none of them worked flawlessly. After a number [...]]]></description> <content:encoded><![CDATA[<p>Yesterday, we have just mentioned <a
title="SlickMap CSS" href="http://www.webappers.com/2009/09/15/display-a-stylish-sitemap-with-slickmap-css/" target="_blank">SlickMap CSS</a>, which is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. Now we have a great tutorial of <a
title="Creating a Draggable Sitemap with jQuery" href="http://boagworld.com/development/creating-a-draggable-sitemap-with-jquery" target="_blank"><strong>Creating a Draggable Sitemap with jQuery</strong></a>.</p><p>There are a handful of javascript libraries and plugins available that attempt this task, but none of them worked flawlessly. After a number of failed attempts, <strong>BoagWorld</strong> has ended up a slick solution, building a <strong>drag-and-drop sortable sitemap</strong> with jQuery.</p><p
style="text-align: center;"><a
title="Creating a Draggable Sitemap with jQuery" href="http://boagworld.com/development/creating-a-draggable-sitemap-with-jquery" target="_blank"><img
class="aligncenter" src="http://www.webappers.com/img/2009/09/jquery-sitemap.jpg" alt="jQuery Sitemap" /></a></p><blockquote><p>Requirements: jQuery Framework<br
/> Demo: <a
title="demo" rel="nofollow" href="http://boagworld.com/demos/sitemap" target="_blank">http://boagworld.com/demos/sitemap</a><br
/> License: License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2009/06/16/how-to-create-an-infinite-carousel-with-jquery/" rel="bookmark" title="June 16, 2009">How to Create an Infinite Carousel with jQuery</a></li><li><a
href="http://www.webappers.com/2009/11/18/how-to-turn-long-web-form-into-a-wizard-with-jquery/" rel="bookmark" title="November 18, 2009">How to Turn Long Web Form into a Wizard with jQuery</a></li><li><a
href="http://www.webappers.com/2008/11/13/open-source-shopping-cart-for-joomla-and-mambo/" rel="bookmark" title="November 13, 2008">Open Source Shopping Cart for Joomla! and Mambo</a></li><li><a
href="http://www.webappers.com/2009/05/23/choose-jquery-or-mootools-javascript-framework/" rel="bookmark" title="May 23, 2009">Choose jQuery or MooTools Javascript Framework?</a></li><li><a
href="http://www.webappers.com/2009/06/12/jquery-inline-form-validation-engine/" rel="bookmark" title="June 12, 2009">jQuery Inline Form Validation Engine</a></li></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2009/09/16/how-to-create-a-drag-drop-sortable-sitemap-with-jquery/feed/</wfw:commentRss> </item> </channel> </rss>
<!-- Served from: ps11300.dreamhostps.com @ 2009-11-20 20:24:34 by W3 Total Cache -->