<?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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>WebAppers</title><link>http://www.webappers.com</link> <description>- Hunting the Best Open Source Resources for Web Developers</description> <pubDate>Mon, 15 Mar 2010 07:01:21 +0000</pubDate> <generator>http://wordpress.org/?v=2.8.6</generator> <language>en</language> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Webappers" /><feedburner:info uri="webappers" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>Webappers</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><title>Start a Custom Logo Design Contest at LogoMyWay</title><link>http://feedproxy.google.com/~r/Webappers/~3/kmx8H6KSvNc/</link> <comments>http://www.webappers.com/2010/03/15/start-a-custom-logo-design-contest-at-logomyway/#comments</comments> <pubDate>Mon, 15 Mar 2010 07:01:21 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Information]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2633</guid> <description><![CDATA[Do you need come unqiue custom designs? LogoMyWay aims to connect clients needing design work such as Custom logo designs, T-shirts designs, Business cards designs and more to a thriving community of talented logo designers exploding with creativity.
You can take a look at the Logo Design Portfolio. Currently, there are 70 &#8211; 400+ custom logo [...]]]></description> <content:encoded><![CDATA[<p>Do you need come unqiue custom designs? <a
title="Logomyway" href="http://www.logomyway.com/" target="_blank">LogoMyWay</a> aims to connect clients needing design work such as Custom logo designs, T-shirts designs, Business cards designs and more to a thriving community of talented logo designers exploding with creativity.</p><p>You can take a look at the <a
title="Logo Design Portfolio" href="http://www.logomyway.com/logo_design_portfolio.php" target="_blank">Logo Design Portfolio</a>. Currently, there are 70 &#8211; 400+ custom logo designs you can choose from. You can also start a logo design contest within minutes for as little as $200.00. Three simple steps and your design contest goes live. You will see amazing logo designs within hours. There are hundreds of creative logo designers in over 100 countries waiting to create your logo design.</p><p>You will receive Industry Standard Vector Logo Files that can be used in almost any application you choose. You will also get a free legal contract giving you 100% full legal ownership of your new logo design. Best of all, if your logo contest doesn&#8217;t receive at least 40 logo concepts, they will refund your payment no questions asked. What are you waiting for? Get a custom <a
title="logo design" href="http://www.logomyway.com/" target="_blank">logo design</a> at LogoMyWay now.</p><p
style="text-align: center;"><a
title="Logomyway" href="http://www.logomyway.com/" target="_blank"><img
class="size-full wp-image-2634 aligncenter" title="logo-myway" src="http://maxcdn.webappers.com/img/2010/03/logo-myway.jpg" alt="logo-myway" width="479" height="340" /></a></p><blockquote><p> Source: <a
title="Logomyway" href="http://www.logomyway.com/" target="_blank">http://www.logomyway.com/</a></p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2008/01/02/free-blank-logo-templates-designs-and-vector-images/" rel="bookmark" title="January 2, 2008">Free Blank Logo Templates Designs and Vector Images</a></li><li><a
href="http://www.webappers.com/2007/11/13/giving-away-2-custom-logo-designs-from-gary-simon/" rel="bookmark" title="November 13, 2007">Giving Away 2 Custom Logo Designs from Gary Simon</a></li><li><a
href="http://www.webappers.com/2009/03/24/daily-design-inspiration-for-web-designers/" rel="bookmark" title="March 24, 2009">Daily Design Inspiration for Web Designers</a></li><li><a
href="http://www.webappers.com/2007/11/26/the-winners-of-custom-logo-designs-from-gary-simon/" rel="bookmark" title="November 26, 2007">The Winners of Custom Logo Designs from Gary Simon</a></li><li><a
href="http://www.webappers.com/2007/09/24/thank-you/" rel="bookmark" title="September 24, 2007">Thank You Sponsors</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=kmx8H6KSvNc:b23yDME-MhE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=kmx8H6KSvNc:b23yDME-MhE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=kmx8H6KSvNc:b23yDME-MhE:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=kmx8H6KSvNc:b23yDME-MhE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=kmx8H6KSvNc:b23yDME-MhE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=kmx8H6KSvNc:b23yDME-MhE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=kmx8H6KSvNc:b23yDME-MhE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=kmx8H6KSvNc:b23yDME-MhE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=kmx8H6KSvNc:b23yDME-MhE:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/kmx8H6KSvNc" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/15/start-a-custom-logo-design-contest-at-logomyway/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/15/start-a-custom-logo-design-contest-at-logomyway/</feedburner:origLink></item> <item><title>The Winners of Traffic Light Feedback</title><link>http://feedproxy.google.com/~r/Webappers/~3/9tZ8CEQk8Hc/</link> <comments>http://www.webappers.com/2010/03/14/the-winners-of-traffic-light-feedback/#comments</comments> <pubDate>Sun, 14 Mar 2010 09:25:47 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Announcement]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2615</guid> <description><![CDATA[Thank you for all of the participants of Giveaway 3 x Subscriptions of Traffic Light Feedback. We are happy to announce the following 3 winners. Congratulations. Traffic Light Feedback will contact you guys shortly with the instruction of getting your free subscriptions.
1. grace 2. Jonathan 3. Kim Steinhaug
For the ones who did not win in [...]]]></description> <content:encoded><![CDATA[<p>Thank you for all of the participants of <a
href="http://www.webappers.com/2010/03/01/giveaway-3-x-subscriptions-of-traffic-light-feedback/" target="_blank">Giveaway 3 x Subscriptions of Traffic Light Feedback</a>. We are happy to announce the following 3 winners. Congratulations. Traffic Light Feedback will contact you guys shortly with the instruction of getting your free subscriptions.</p><p>1. <strong>grace </strong>2. <strong>Jonathan </strong>3. <strong>Kim Steinhaug</strong></p><p>For the ones who did not win in the contest. Traffic Light Feedback is very kind to offer us <strong><span
style="color: #ff0000;">50% off</span></strong> the subscription for the lifetime of your account. Simply input the <strong><span
style="color: #ff0000;">Coupon Code: <span
style="color: #339966;">G39WEBAPPE</span> via</span></strong><strong> </strong><a
href="http://www.trafficlightfeedback.co.uk/promo" target="_blank"><strong>this link</strong></a> in order to claim your discount.</p><p>WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.</p><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2010/03/01/giveaway-3-x-subscriptions-of-traffic-light-feedback/" rel="bookmark" title="March 1, 2010">Giveaway 3 x Subscriptions of Traffic Light Feedback</a></li><li><a
href="http://www.webappers.com/2009/08/01/the-winners-of-3d-stack-flash-component/" rel="bookmark" title="August 1, 2009">The Winners of 3D Stack Flash Component</a></li><li><a
href="http://www.webappers.com/2008/08/30/the-winners-of-flash-3d-wall-pro/" rel="bookmark" title="August 30, 2008">The Winners of Flash 3D Wall PRO</a></li><li><a
href="http://www.webappers.com/2008/11/01/the-winners-of-10000-free-business-cards/" rel="bookmark" title="November 1, 2008">The Winners of 10,000 Free Business Cards</a></li><li><a
href="http://www.webappers.com/2010/01/27/the-winners-of-5-copies-of-slidedeck-pro-licenses/" rel="bookmark" title="January 27, 2010">The Winners of 5 Copies of SlideDeck Pro Licenses</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=9tZ8CEQk8Hc:2mDWP766rjU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=9tZ8CEQk8Hc:2mDWP766rjU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=9tZ8CEQk8Hc:2mDWP766rjU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=9tZ8CEQk8Hc:2mDWP766rjU:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=9tZ8CEQk8Hc:2mDWP766rjU:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=9tZ8CEQk8Hc:2mDWP766rjU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=9tZ8CEQk8Hc:2mDWP766rjU:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=9tZ8CEQk8Hc:2mDWP766rjU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=9tZ8CEQk8Hc:2mDWP766rjU:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/9tZ8CEQk8Hc" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/14/the-winners-of-traffic-light-feedback/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/14/the-winners-of-traffic-light-feedback/</feedburner:origLink></item> <item><title>Pure CSS Speech Bubbles &amp; Social Media Icons</title><link>http://feedproxy.google.com/~r/Webappers/~3/5HpqGP3t2rY/</link> <comments>http://www.webappers.com/2010/03/13/pure-css-speech-bubbles-social-media-icons/#comments</comments> <pubDate>Sat, 13 Mar 2010 07:01:04 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Information]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2610</guid> <description><![CDATA[Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. Nicolas Gallagher has written a tutorial: Pure CSS Speech Bubbles, which contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.You can [...]]]></description> <content:encoded><![CDATA[<p>Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. <strong>Nicolas Gallagher</strong> has written a tutorial: <a
title="Pure CSS Speech Bubbles" href="http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/" target="_blank">Pure CSS Speech Bubbles</a>, which contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.</p><p
style="text-align: center; "><a
title="Pure CSS Speech Bubbles" href="http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/" target="_blank"><img
class="size-full wp-image-2611 aligncenter" title="css-speech-bubbles" src="http://maxcdn.webappers.com/img/2010/03/css-speech-bubbles.jpg" alt="css-speech-bubbles" width="480" height="336" /></a></p><p>You can also look at the tutorial: <a
title="Pure CSS Social Media Icons" href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/" target="_blank">Pure CSS Social Media Icons</a>, which creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript.</p><p
style="text-align: center;"><a
title="Pure CSS Social Media Icons" href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/" target="_blank"><img
class="size-full wp-image-2612 aligncenter" title="css-social-media" src="http://maxcdn.webappers.com/img/2010/03/css-social-media.jpg" alt="css-social-media" width="480" height="200" /></a></p><blockquote><p>Source: <a
title="Pure CSS Speech Bubbles" href="http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/" target="_blank">Pure CSS Speech Bubbles</a><br
/> Source: <a
title="Pure CSS Social Media Icons" href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/" target="_blank">Pure CSS Social Media Icons</a></p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><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><li><a
href="http://www.webappers.com/2010/01/30/a-free-set-of-social-media-icons-in-vector-format/" rel="bookmark" title="January 30, 2010">A Free Set of Social Media Icons in Vector Format</a></li><li><a
href="http://www.webappers.com/2009/01/07/free-social-media-icons-pack-under-creative-commons/" rel="bookmark" title="January 7, 2009">Free Social Media Icons Pack under Creative Commons</a></li><li><a
href="http://www.webappers.com/2009/07/14/beautiful-pure-css-timeline-with-unordered-lists/" rel="bookmark" title="July 14, 2009">Beautiful Pure CSS Timeline with Unordered Lists</a></li><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></ul></div><h3>Sponsors</h3><p><a
href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=5HpqGP3t2rY:SUz6WFKWCeA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=5HpqGP3t2rY:SUz6WFKWCeA:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=5HpqGP3t2rY:SUz6WFKWCeA:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=5HpqGP3t2rY:SUz6WFKWCeA:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=5HpqGP3t2rY:SUz6WFKWCeA:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=5HpqGP3t2rY:SUz6WFKWCeA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=5HpqGP3t2rY:SUz6WFKWCeA:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=5HpqGP3t2rY:SUz6WFKWCeA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=5HpqGP3t2rY:SUz6WFKWCeA:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/5HpqGP3t2rY" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/13/pure-css-speech-bubbles-social-media-icons/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/13/pure-css-speech-bubbles-social-media-icons/</feedburner:origLink></item> <item><title>Vector Based Gesture Icons for Touch Screen Interfaces</title><link>http://feedproxy.google.com/~r/Webappers/~3/CSO_dIAaXQY/</link> <comments>http://www.webappers.com/2010/03/12/vector-based-gesture-icons-for-touch-screen-interfaces/#comments</comments> <pubDate>Fri, 12 Mar 2010 07:01:00 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[CC License]]></category> <category><![CDATA[Icons]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2568</guid> <description><![CDATA[Geaturecons are Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation. You can also use Geaturecons inside of your applications in order to demonstrate to users how to complete actions or prompt [...]]]></description> <content:encoded><![CDATA[<p><a
title="Gesturecons" href="http://gesturecons.com/" target="_blank">Geaturecons</a> are Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation. You can also use <a
title="Gesturecons" href="http://gesturecons.com/" target="_blank">Geaturecons</a> inside of your applications in order to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it.</p><p>Swap out symbols to create your own icons, because these are scalable vector shapes, you can scale them to any size and alter them in any way you wish. Use your favorite vector graphics application to edit.</p><p
style="text-align: center;"><a
title="Gesturecons" href="http://gesturecons.com/" target="_blank"><img
class="size-full wp-image-2567 aligncenter" title="gesture-icons" src="http://maxcdn.webappers.com/img/2010/03/gesture-icons.jpg" alt="gesture-icons" width="480" height="375" /></a></p><blockquote><p>Requirements: -<br
/> Demo: <a
title="demo" rel="nofollow" href="http://gesturecons.com/" target="_blank">http://gesturecons.com/</a><br
/> License:  Creative Commons License</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2010/01/30/a-free-set-of-social-media-icons-in-vector-format/" rel="bookmark" title="January 30, 2010">A Free Set of Social Media Icons in Vector Format</a></li><li><a
href="http://www.webappers.com/2008/02/25/monofactor-released-a-set-of-25-vector-icons-for-free/" rel="bookmark" title="February 25, 2008">Monofactor Released a Set of 25 Vector Icons for Free</a></li><li><a
href="http://www.webappers.com/2007/07/03/gnome-218-professional-scalable-vector-icons/" rel="bookmark" title="July 3, 2007">GNOME 2.18 Professional Scalable Vector Icons</a></li><li><a
href="http://www.webappers.com/2007/11/10/vector-magic-converts-your-raster-image-to-vector-image/" rel="bookmark" title="November 10, 2007">Vector Magic Converts Your Raster Image to Vector Image</a></li><li><a
href="http://www.webappers.com/2007/06/02/tango-top-quality-vector-icons/" rel="bookmark" title="June 2, 2007">Tango Top Quality Vector Icons</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=CSO_dIAaXQY:Px8LXIUtktA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=CSO_dIAaXQY:Px8LXIUtktA:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=CSO_dIAaXQY:Px8LXIUtktA:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=CSO_dIAaXQY:Px8LXIUtktA:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=CSO_dIAaXQY:Px8LXIUtktA:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=CSO_dIAaXQY:Px8LXIUtktA:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=CSO_dIAaXQY:Px8LXIUtktA:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=CSO_dIAaXQY:Px8LXIUtktA:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=CSO_dIAaXQY:Px8LXIUtktA:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/CSO_dIAaXQY" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/12/vector-based-gesture-icons-for-touch-screen-interfaces/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/12/vector-based-gesture-icons-for-touch-screen-interfaces/</feedburner:origLink></item> <item><title>How to Design User Interface for iPad Applications</title><link>http://feedproxy.google.com/~r/Webappers/~3/Aml1dmhgmzQ/</link> <comments>http://www.webappers.com/2010/03/11/how-to-design-user-interface-for-ipad-applications/#comments</comments> <pubDate>Thu, 11 Mar 2010 07:01:32 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Information]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2571</guid> <description><![CDATA[Matt Legend Gemmell held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience.
Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. He gave a 90-minute presentation on the subject to start each workshop, and he is very [...]]]></description> <content:encoded><![CDATA[<p><strong>Matt Legend Gemmell</strong> held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience.</p><p>Predictably, an extremely popular topic was the iPad, and <a
title="How to Approch the Design of iPad Applications" href="http://mattgemmell.com/2010/03/05/ipad-application-design" target="_blank">how to approach the design of iPad applications</a>. He gave a 90-minute presentation on the subject to start each workshop, and he is very kind to share some of his observations of iPad Application Design.</p><p>This article is about the user interface conventions and considerations which apply to creating software for the iPad platform and touch-screen tablet devices in general. It is not a technical discussion of iPad-related APIs. This is an excellent article for designers and application developers. I am sure you will find it useful too.</p><p
style="text-align: center;"><a
title="How to Approch the Design of iPad Applications" href="http://mattgemmell.com/2010/03/05/ipad-application-design" target="_blank"><img
class="size-full wp-image-2572 aligncenter" title="ipad-design" src="http://maxcdn.webappers.com/img/2010/03/ipad-design.jpg" alt="ipad-design" width="480" height="319" /></a></p><blockquote><p>Source: <a
title="How to Approach the Design of iPad Applications" href="http://mattgemmell.com/2010/03/05/ipad-application-design" target="_blank">http://mattgemmell.com/2010/03/05/ipad-application-design </a></p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2010/02/04/apple-ipad-gui-in-psd-format-using-vectors/" rel="bookmark" title="February 4, 2010">Apple iPad GUI in PSD Format using Vectors</a></li><li><a
href="http://www.webappers.com/2009/01/14/useful-web-application-user-interface-techniques/" rel="bookmark" title="January 14, 2009">Useful Web Application User Interface Techniques</a></li><li><a
href="http://www.webappers.com/2008/02/24/50-questions-to-evaluate-the-quality-of-your-website/" rel="bookmark" title="February 24, 2008">50 Questions to Evaluate the Quality of Your Website</a></li><li><a
href="http://www.webappers.com/2009/12/14/ajax-org-open-source-application-platform-for-rias/" rel="bookmark" title="December 14, 2009">Ajax.org &#8211; Open Source Application Platform for RIAs</a></li><li><a
href="http://www.webappers.com/2008/03/20/first-ever-open-source-social-network-platform/" rel="bookmark" title="March 20, 2008">First Ever Open Source Social Network Platform</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=Aml1dmhgmzQ:p_FfOY6tMcI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Aml1dmhgmzQ:p_FfOY6tMcI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Aml1dmhgmzQ:p_FfOY6tMcI:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Aml1dmhgmzQ:p_FfOY6tMcI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Aml1dmhgmzQ:p_FfOY6tMcI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Aml1dmhgmzQ:p_FfOY6tMcI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Aml1dmhgmzQ:p_FfOY6tMcI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Aml1dmhgmzQ:p_FfOY6tMcI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Aml1dmhgmzQ:p_FfOY6tMcI:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/Aml1dmhgmzQ" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/11/how-to-design-user-interface-for-ipad-applications/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/11/how-to-design-user-interface-for-ipad-applications/</feedburner:origLink></item> <item><title>GameQuery Makes Javascript Game Development Easier</title><link>http://feedproxy.google.com/~r/Webappers/~3/ik0zmF9JdOM/</link> <comments>http://www.webappers.com/2010/03/10/gamequery-makes-javascript-game-development-easier/#comments</comments> <pubDate>Wed, 10 Mar 2010 07:01:51 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[Framework]]></category> <category><![CDATA[MIT License]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2575</guid> <description><![CDATA[gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. gameQuery has the following features: multi layer-sprite animations, sprite hierarchies, collision detection, swappable sound support, periodic callbacks and keyboard state polling.
Javascript games are still in their infancy but but there is many reason why they are more [...]]]></description> <content:encoded><![CDATA[<p><a
title="gameQuery" href="http://gamequery.onaluf.org/" target="_blank">gameQuery</a> is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. gameQuery has the following features: multi layer-sprite animations, sprite hierarchies, collision detection, swappable sound support, periodic callbacks and keyboard state polling.</p><p>Javascript games are still in their infancy but but there is many reason why they are more than a curiosity: Modern borwser provide very good javascript engine and impovement keeps comming. Then to develope javascript games you don&#8217;t need an expensive proprietray IDE, widly available, free, open source software are there wating for you! Sometimes Flash is not available in some platform, even very recent ones (Wii, iPhone &#8230;).</p><p
style="text-align: center;"><a
title="gameQuery" href="http://gamequery.onaluf.org/" target="_blank"><img
class="size-full wp-image-2576 aligncenter" title="jquery-games" src="http://maxcdn.webappers.com/img/2010/03/jquery-games.jpg" alt="jquery-games" width="480" height="199" /></a></p><blockquote><p>Requirements:  jQuery Framework<br
/> Demo: <a
title="demo" rel="nofollow" href="http://gamequery.onaluf.org/demos.php" target="_blank">http://gamequery.onaluf.org/demos.php</a><br
/> License:  MIT License</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2008/12/16/jquery-javascript-image-magnifier-under-gpl/" rel="bookmark" title="December 16, 2008">jQuery Javascript Image Magnifier under GPL</a></li><li><a
href="http://www.webappers.com/2009/12/14/ajax-org-open-source-application-platform-for-rias/" rel="bookmark" title="December 14, 2009">Ajax.org &#8211; Open Source Application Platform for RIAs</a></li><li><a
href="http://www.webappers.com/2007/08/16/jitsu-user-interface-toolkit-for-rich-web-applications/" rel="bookmark" title="August 16, 2007">Jitsu User Interface Toolkit for Rich Web Applications</a></li><li><a
href="http://www.webappers.com/2009/04/18/using-open-source-projects-to-build-an-ssl-accelerator/" rel="bookmark" title="April 18, 2009">Using Open Source Projects to Build an SSL Accelerator</a></li><li><a
href="http://www.webappers.com/2008/09/10/openlayers-open-source-javascript-dynamic-map/" rel="bookmark" title="September 10, 2008">OpenLayers Open Source JavaScript Dynamic Map</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=ik0zmF9JdOM:Zi9YHixigxs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=ik0zmF9JdOM:Zi9YHixigxs:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=ik0zmF9JdOM:Zi9YHixigxs:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=ik0zmF9JdOM:Zi9YHixigxs:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=ik0zmF9JdOM:Zi9YHixigxs:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=ik0zmF9JdOM:Zi9YHixigxs:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=ik0zmF9JdOM:Zi9YHixigxs:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=ik0zmF9JdOM:Zi9YHixigxs:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=ik0zmF9JdOM:Zi9YHixigxs:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/ik0zmF9JdOM" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/10/gamequery-makes-javascript-game-development-easier/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/10/gamequery-makes-javascript-game-development-easier/</feedburner:origLink></item> <item><title>15 Best Free Online Tools for Web Design &amp; Development</title><link>http://feedproxy.google.com/~r/Webappers/~3/bjIE_ijfGcA/</link> <comments>http://www.webappers.com/2010/03/09/15-best-free-online-tools-for-web-design-development/#comments</comments> <pubDate>Tue, 09 Mar 2010 07:13:38 +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=2595</guid> <description><![CDATA[You can find a tool for just about anything online, there&#8217;s only one problem: they cost money, and in some cases, lots of it! Many online tools offer a free basic package for anyone to use, but these packages are often strictly limited, rendering these tools practically useless until you stump up the cash. In [...]]]></description> <content:encoded><![CDATA[<p>You can find a tool for just about anything online, there&#8217;s only one problem: they cost money, and in some cases, lots of it! Many online tools offer a free basic package for anyone to use, but these packages are often strictly limited, rendering these tools practically useless until you stump up the cash. In most cases, however, there are free alternatives available, many of which are very, very good indeed.</p><p>Below, you&#8217;ll find <a
title="Best Free Tools for Web Design and Development" href="http://www.webappers.com/2010/03/09/15-best-free-online-tools-for-web-design-development/">15 Best Free Online Tools for Web Design and Development</a>. Rather than narrow our focus, we&#8217;ve covered various aspects of the design and development process, to include the admin side of freelancing or running a small business.</p><p>No two tools listed below perform the same function; we&#8217;ve chosen our favorite tool for doing each job. You&#8217;ll find the best free online tool for project management, one for invoicing, one for screen sharing, one for instant messaging, one for mocking up layouts, and much more besides.</p><h3>1. Redmine</h3><p
style="text-align: center;"><a
href="http://www.redmine.org/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/redmine.jpg" alt="" /></a></p><p>Redmine is a great, free alternative to other pricey project management apps available online. It does pretty much everything you could possibly desire, albeit in a less polished way than some of its more expensive rivals. With Redmine, you can manage a large number of projects simultaneously, defining personal roles and assigning tasks to specific team members if necessary. You can track time and issues, create Gannt charts and calendars, create project wikis and forums, and manage documents and files.</p><h3>2. Billing Boss</h3><p
style="text-align: center;"><a
href="https://www.billingboss.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/billingboss.jpg" alt="" /></a></p><p>Billing Boss is a fantastic, free invoicing tool, designed especially for small businesses and freelancers, which lets you send an unlimited number of invoices to an unlimited number of clients, quickly and easily. All of your invoices are saved automatically and catalogued in a logical, understandable way. Billing Boss supports multiple currencies, is integrated with PayPal and is mobile friendly. You can even share your account with your bookkeeper or accountant.</p><h3>3. Yuuguu</h3><p
style="text-align: center;"><a
href="http://www.yuuguu.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/yuuguu.jpg" alt="" /></a></p><p>Yuuguu is a multi-platform screen-sharing tool, which allows Windows, Mac and Linux users to collaborate. You can quickly initiate an instant messaging session with a client or team member, sharing each others&#8217; screens at the touch of a button. It&#8217;s perfect for working together on document presentations or for writing and editing documents in a group.</p><p>With Yuuguu, there&#8217;s nothing to download at either end, which means you can start sharing and communicating in seconds. The free Yuuguu package includes unlimited use with other Yuuguu users and 100mins/month use with non-Yuuguu users, as well as up to 5 participants in a single session. <span
id="more-2595"></span></p><h3>4. FavIcon Generator</h3><p
style="text-align: center;"><a
href="http://tools.dynamicdrive.com/favicon/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/favicon-generator.jpg" alt="" /></a></p><p>Looking for a quick and easy way to create favicons for your website, then look no further than Dynamic Drive&#8217;s excellent FavIcon Generator. It&#8217;s effortless to use, just select any image (provided it&#8217;s a gif, jpg, png, or bmp) you want to turn into a favicon and press Create Icon. Follow the simple instructions generated to create an eye-catching favicon that will help your website stand out in your users&#8217; favourite lists.</p><h3>5. Dropbox</h3><p
style="text-align: center;"><a
href="http://www.dropbox.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/dropbox.jpg" alt="" /></a></p><p>For online storage, look no further than Dropbox, an ingenious tool for storing and sharing files between all of your computers and with other team members. Once installed, a Dropbox folder appears on your computer&#8217;s desktop. Drag files into the folder and they will automatically appear in the Dropbox folder on each one of your computers, laptops and smartphones. What&#8217;s more, every file is automatically added to another Dropbox folder on the Dropbox website, which is accessible from any computer in the world. Invite associates to access your Dropbox folder, for quick and easy file sharing.</p><h3>6. BrowserShots</h3><p
style="text-align: center;"><a
href="http://browsershots.org/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/browsershots.jpg" alt="" /></a></p><p>BrowserShots is a straightforward, free tool for checking what your website looks like in a wide range of different browsers. It really couldn&#8217;t be simpler to use. All you have to do is enter your website&#8217;s URL into the address bar at the top, check or uncheck to select which browsers you would like to get a screenshot from, and press Submit. You can fine-tune your search by screen size and color depth, as well as enabling or disabling JavaScript, Java and Flash.</p><h3>7. toggl</h3><p
style="text-align: center;"><a
href="http://www.toggl.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/toggl.jpg" alt="" /></a></p><p>toggl is the perfect time tracking tool for freelance web developers and designers who tend to get paid by the hour. As an online tool, it&#8217;s available from anywhere, which is great for those of us who frequently work away from the office. As well allowing you to create projects and start timing in a few clicks, toggl produces performance charts and other reports for you and your whole team to analyze. Toggl can be embedded in iGoogle, Netvibes and Gmail so that you can share your performance with others. It&#8217;s free for up to 5 users.</p><h3>8. Google Docs</h3><p
style="text-align: center;"><a
href="http://www.docs.google.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/google-docs.jpg" alt="" /></a></p><p>Google Docs is an online word processor and spreadsheet tool that&#8217;s free to everyone with a Google account. It works in much the same way as Microsoft Word, offering similar features in the form of multiple fonts, font sizes and colors, page numbering, bullet points, alignment, tables and spacing etc. It does not, however, offer headers and footers, footnotes or a powerful find and replace feature, which some people simply can&#8217;t live without.</p><p>The best thing about Google Docs is that it works seamlessly with Word, so you won&#8217;t have to worry about compatibility issues when working as part of a team. Google Docs really comes into its own when it comes to collaboration, however. Press the Collaborate tab to work on a document with several people at once.</p><h3>9. mockingbird</h3><p
style="text-align: center;"><a
href="http://gomockingbird.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/mockingbird.jpg" alt="" /></a></p><p>mockingbird is a wonderfully useful tool, which lets you create mockups of websites in minutes. Simply drag and drop user interface elements into mockingbird, rearranging and resizing as you go to create a perfectly balanced page. You can add as many pages as you like, linking them all together to show clients or associates how users might navigate through your site.</p><p>Once you&#8217;ve created and saved a mockup, mockingbird issues you with a link which you can share with other people, or an embed code so that you can embed a mockup in your own website. It&#8217;s a lightweight tool with few features (there are, for instance, no templates to follow), but this makes it really quick and easy to use.</p><h3>10. kuler</h3><p
style="text-align: center;"><a
href="http://kuler.adobe.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/kuler.jpg" alt="" /></a></p><p>If you find choosing colors tricky, then take a look at kuler, a fully database driven Flash site created by Adobe Labs. With kuler, you can choose, create, modify, mix and match colors to your heart&#8217;s content, for free of course, until you happen upon the perfect color scheme for your website. Not only can you create your own color swatches, complete with RGB and HEX codes, you can save them and download other peoples&#8217; swatches too. You can even extract color palettes from illustrations and photographs, uploading them or selecting them on Flickr.  Once you&#8217;ve chosen the ideal color pallet, you can download it for use in Adobe Creative Suite.</p><h3>11. Bespin</h3><p
style="text-align: center;"><a
href="https://bespin.mozilla.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/bespin.jpg" alt="" /></a></p><p>Bespin is a browser based code editor which attempts and succeeds to match the quality of traditional desktop editors. It offers standard editing features, as well as syntax highlighting, support for large files, undo/redo, preview files in browser and import/export projects. Bespin not only gives you access to your entire coding environment from any computer, it lets you collaborate in an effortless way, without the need for firewall configuration. Tweak away to your hearts content by using various plugins until youve created the perfect editor for you.</p><h3>12. Pingdom Tools</h3><p
style="text-align: center;"><a
href="http://tools.pingdom.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/pingdom.jpg" alt="" /></a></p><p>Pingdoms Full Page Test imitates the way a web page is loaded in a browser, showing you exactly how long it takes for each object, including images, CSS, JavaScript, RSS, Flash and frames, to appear. The load time of each object is shown as a series of colored bars for quick and easy visual comparison. Order each object into a hierarchy to identify any problem areas. The Test also uncovers useful, general stats, such as total number of objects and total load time.</p><h3>13. W3C Markup Validation Service</h3><p
style="text-align: center;"><a
href="http://validator.w3.org/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/w3c.jpg" alt="" /></a></p><p>The Markup Validator is a free tool and service that validates markup: in other words, it checks the syntax of Web documents, written in formats such as (X)HTML. The Validator is sort of like lint for C. It compares your HTML document to the defined syntax of HTML and reports any discrepancies.</p><h3>14. net2ftp</h3><p
style="text-align: center;"><a
href="http://net2ftp.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/net2ftp.jpg" alt="" /></a></p><p>If youre stuck on a computer without an FTP client, try net2ftp. Its a free, web based FTP client which features all the standard FTP functions youd expect as well as various other features, including the ability to extract files and directories and download a selected group of files or directories as an archive. There are numerous plugins available to enhance your net2ftp experience and its integrated with Drupal, Joomla, Mambo, XOOPS and other Content Management Systems.</p><h3>15.Pixlr</h3><p
style="text-align: center;"><a
href="http://www.pixlr.com/" target="_blank"><img
class="aligncenter" src="http://maxcdn.webappers.com/img/2010/03/pixlr.jpg" alt="" /></a></p><p>Looking for a solid image editor that doesnt cost an arm and a leg? Available in 13 languages, Pixlr provides a great, free alternative to Adobe Photoshop. Of course, it offers nowhere near the same level of functionality or performance, but you wouldnt expect it to. It can, however, handle most editing that designers do on a day-to-day basis. You can use layers and an array of filters and effects.</p><h3>About the Author</h3><p>Tom Walker is a writer and designer from Great Britain where he works for a Manchester based supplier of printing supplies including <a
href="http://www.cartridgesave.co.uk/toner-cartridges.html" target="_blank">HP laser cartridges</a>, inks and paper. His other creative writing is available on their blog, <a
href="http://www.cartridgesave.co.uk/news/" target="_blank">CreativeCloud</a>.</p><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2008/01/11/advanced-color-palette-tool-for-creating-color-schemes/" rel="bookmark" title="January 11, 2008">Advanced Color Palette Tool for Creating Color Schemes</a></li><li><a
href="http://www.webappers.com/2009/11/02/20-useful-nicely-designed-web-applications/" rel="bookmark" title="November 2, 2009">20 Useful &#038; Nicely Designed Web Applications</a></li><li><a
href="http://www.webappers.com/2008/10/13/colorcombos-quickly-select-and-test-color-combinations/" rel="bookmark" title="October 13, 2008">ColorCombos &#8211; Quickly Select and Test Color Combinations</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/2010/03/05/how-to-create-a-who-is-online-widget/" rel="bookmark" title="March 5, 2010">How to Create a &#8220;Who is Online&#8221; Widget</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=bjIE_ijfGcA:-mukr6C5bU0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=bjIE_ijfGcA:-mukr6C5bU0:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=bjIE_ijfGcA:-mukr6C5bU0:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=bjIE_ijfGcA:-mukr6C5bU0:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=bjIE_ijfGcA:-mukr6C5bU0:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=bjIE_ijfGcA:-mukr6C5bU0:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=bjIE_ijfGcA:-mukr6C5bU0:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=bjIE_ijfGcA:-mukr6C5bU0:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=bjIE_ijfGcA:-mukr6C5bU0:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/bjIE_ijfGcA" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/09/15-best-free-online-tools-for-web-design-development/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/09/15-best-free-online-tools-for-web-design-development/</feedburner:origLink></item> <item><title>Display Thumbnail for Image Uploads with jQuery</title><link>http://feedproxy.google.com/~r/Webappers/~3/Pxp-W5PA2NM/</link> <comments>http://www.webappers.com/2010/03/08/display-thumbnail-for-image-uploads-with-jquery/#comments</comments> <pubDate>Mon, 08 Mar 2010 07:01:10 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[MIT License]]></category> <category><![CDATA[Upload]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2561</guid> <description><![CDATA[We&#8217;ve all seen the basic file upload form for uploading avatars, images, memes, etc. The problem with these is that once you upload your image it&#8217;s hidden from you.
The solution is to use a little bit of JavaScript to upload the image as soon as it&#8217;s selected and display a thumbnail so we can easily [...]]]></description> <content:encoded><![CDATA[<p>We&#8217;ve all seen the basic file upload form for uploading avatars, images, memes, etc. The problem with these is that once you upload your image it&#8217;s hidden from you.</p><p>The solution is to use a little bit of JavaScript to upload the image as soon as it&#8217;s selected and display a thumbnail so we can easily review the form before we submit it. Head on over to the <a
title="Image Uploads with 100% Less Suck" href="http://www.zurb.com/article/325/image-uploads-with-100-less-suck-guarante" target="_blank">ZURB &#8211; Image Uploads with 100% Less Suck</a> to see a complete demo and breakdown of the JavaScript they use to accomplish this.</p><p
style="text-align: center;"><a
title="Image Uploads with 100% Less Suck" href="http://www.zurb.com/article/325/image-uploads-with-100-less-suck-guarante" target="_blank"><img
class="alignnone size-full wp-image-2565" title="ajax-image-upload" src="http://maxcdn.webappers.com/img/2010/03/ajax-image-upload.jpg" alt="ajax-image-upload" width="480" height="148" /></a></p><blockquote><p>Requirements:  jQuery Framework<br
/> Demo: <a
title="demo" rel="nofollow" href="http://www.zurb.com/playground/ajax_upload" target="_blank">http://www.zurb.com/playground/ajax_upload</a><br
/> License:  MIT License</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><li><a
href="http://www.webappers.com/2007/07/08/fancyupload-beautiful-flash-and-ajax-upload-widget/" rel="bookmark" title="July 8, 2007">FancyUpload Beautiful Flash and Ajax Upload Widget</a></li><li><a
href="http://www.webappers.com/2010/02/05/plupload-making-multiple-uploading-easier-than-ever/" rel="bookmark" title="February 5, 2010">Plupload &#8211; Making Multiple Uploading Easier than Ever</a></li><li><a
href="http://www.webappers.com/2009/01/23/the-ajax-apis-playground-with-save-export-features/" rel="bookmark" title="January 23, 2009">The Ajax APIs Playground with Save &#038; Export Features</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/07/23/colorful-and-scalable-buttons-with-css3-rgba/" rel="bookmark" title="July 23, 2009">Colorful and Scalable Buttons with CSS3 &#038; RGBA</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=Pxp-W5PA2NM:7FwLTvrGD2I:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Pxp-W5PA2NM:7FwLTvrGD2I:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Pxp-W5PA2NM:7FwLTvrGD2I:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Pxp-W5PA2NM:7FwLTvrGD2I:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Pxp-W5PA2NM:7FwLTvrGD2I:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Pxp-W5PA2NM:7FwLTvrGD2I:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Pxp-W5PA2NM:7FwLTvrGD2I:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=Pxp-W5PA2NM:7FwLTvrGD2I:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=Pxp-W5PA2NM:7FwLTvrGD2I:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/Pxp-W5PA2NM" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/08/display-thumbnail-for-image-uploads-with-jquery/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/08/display-thumbnail-for-image-uploads-with-jquery/</feedburner:origLink></item> <item><title>How to Create a “Who is Online” Widget</title><link>http://feedproxy.google.com/~r/Webappers/~3/KgR-ircV_x8/</link> <comments>http://www.webappers.com/2010/03/05/how-to-create-a-who-is-online-widget/#comments</comments> <pubDate>Fri, 05 Mar 2010 07:01:10 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Stats]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2556</guid> <description><![CDATA[TutorialZine has written a tutorial and shown us how to create a &#8220;Who is online&#8221; widget with PHP, MySQL and jQuery. It will display the number of visitors, currently viewing your site, and it will even be able to detect the country your visitors are from and display it in a slide out panel.
Having access [...]]]></description> <content:encoded><![CDATA[<p><strong>TutorialZine</strong> has written a tutorial and shown us how to create a <a
title="Who is Online Widget" href="http://tutorialzine.com/2010/03/who-is-online-widget-php-mysql-jquery/" target="_blank">&#8220;Who is online&#8221; widget with PHP, MySQL and jQuery</a>. It will display the number of visitors, currently viewing your site, and it will even be able to detect the country your visitors are from and display it in a slide out panel.</p><p>Having access to real time data on your site userbase is a dream to any webmaster. Tools like Google Analytics give a great perspective on your site’s reach, but lack the real time feel a simple widget like this can provide.</p><p
style="text-align: center;"><a
title="Who is Online Widget" href="http://tutorialzine.com/2010/03/who-is-online-widget-php-mysql-jquery/" target="_blank"><img
class="size-full wp-image-2557 aligncenter" title="who-is-online" src="http://maxcdn.webappers.com/img/2010/03/who-is-online.jpg" alt="who-is-online" width="480" height="274" /></a></p><blockquote><p>Requirements:  PHP, MySQL, jQuery Framework<br
/> Demo: <a
title="demo" rel="nofollow" href="http://demo.tutorialzine.com/2010/03/who-is-online-widget-php-mysql-jquery/demo.html" target="_blank">http://demo.tutorialzine.com/2010/03/who-is-online-widget&#8230;</a><br
/> License:  License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><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><li><a
href="http://www.webappers.com/2008/10/08/an-experimental-jquery-time-picker/" rel="bookmark" title="October 8, 2008">An Experimental jQuery Time Picker</a></li><li><a
href="http://www.webappers.com/2007/09/19/the-eastiest-way-to-drive-trageted-readers-to-your-website/" rel="bookmark" title="September 19, 2007">The Easiest Way to Drive Trageted Readers to Your Website</a></li><li><a
href="http://www.webappers.com/2008/11/19/how-to-create-igoogle-interface-with-jquery/" rel="bookmark" title="November 19, 2008">How To Create iGoogle Interface with jQuery</a></li><li><a
href="http://www.webappers.com/2008/04/18/w3counter-hosted-realtime-website-analytics-solution/" rel="bookmark" title="April 18, 2008">W3Counter &#8211; Hosted Realtime Website Analytics Solution</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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=KgR-ircV_x8:idoGxe2PiBk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=KgR-ircV_x8:idoGxe2PiBk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=KgR-ircV_x8:idoGxe2PiBk:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=KgR-ircV_x8:idoGxe2PiBk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=KgR-ircV_x8:idoGxe2PiBk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=KgR-ircV_x8:idoGxe2PiBk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=KgR-ircV_x8:idoGxe2PiBk:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=KgR-ircV_x8:idoGxe2PiBk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=KgR-ircV_x8:idoGxe2PiBk:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/KgR-ircV_x8" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/05/how-to-create-a-who-is-online-widget/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/05/how-to-create-a-who-is-online-widget/</feedburner:origLink></item> <item><title>BubbleUP jQuery Plugin for Your Menus</title><link>http://feedproxy.google.com/~r/Webappers/~3/U7VzyusBVAk/</link> <comments>http://www.webappers.com/2010/03/04/bubbleup-jquery-plugin-for-your-menus/#comments</comments> <pubDate>Thu, 04 Mar 2010 07:01:37 +0000</pubDate> <dc:creator>Ray Cheung</dc:creator> <category><![CDATA[License Free]]></category> <category><![CDATA[Menu]]></category><guid isPermaLink="false">http://www.webappers.com/?p=2535</guid> <description><![CDATA[BubbleUP jQuery Plugin is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the steps involved in creating other more intricate plugins you will make in the future.
With BubbleUP, images in a list will enlarge with a smooth animation [...]]]></description> <content:encoded><![CDATA[<p><a
title="BubbleUP" href="http://aext.net/2010/02/learn-jquery-first-jquery-plugin-bubbleup/" target="_blank">BubbleUP jQuery Plugin</a> is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the steps involved in creating other more intricate plugins you will make in the future.</p><p>With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. It has been tested on IE 7, Opera 10, Firefox 3.5, Safari 4, and Chrome 5 Beta.</p><p
style="text-align: center;"><a
title="BubbleUP" href="http://aext.net/2010/02/learn-jquery-first-jquery-plugin-bubbleup/" target="_blank"><img
class="size-full wp-image-2536 aligncenter" title="jquery-bubble" src="http://maxcdn.webappers.com/img/2010/02/jquery-bubble.jpg" alt="jquery-bubble" width="480" height="190" /></a></p><blockquote><p>Requirements:  jQuery Framework<br
/> Demo: <a
title="demo" rel="nofollow" href="http://aext.net/jquery-menu-plugin-bubbleup/" target="_blank">http://aext.net/jquery-menu-plugin-bubbleup/</a><br
/> License:  License Free</p></blockquote><div
class="RelatedPosts"><h3>Related Posts</h3><ul><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/2010/02/03/jquery-multiselect-plugin-with-themeroller-support/" rel="bookmark" title="February 3, 2010">jQuery MultiSelect Plugin with ThemeRoller Support</a></li><li><a
href="http://www.webappers.com/2009/12/18/a-solution-of-jquery-animation-queue-buildup/" rel="bookmark" title="December 18, 2009">A Solution of jQuery Animation Queue Buildup</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/11/10/easily-parse-xml-wtih-jparse-jquery-plugin/" rel="bookmark" title="November 10, 2009">Easily Parse XML wtih jParse 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><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Webappers?a=U7VzyusBVAk:pYD-yEkTJ4c:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Webappers?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=U7VzyusBVAk:pYD-yEkTJ4c:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Webappers?i=U7VzyusBVAk:pYD-yEkTJ4c:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=U7VzyusBVAk:pYD-yEkTJ4c:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Webappers?i=U7VzyusBVAk:pYD-yEkTJ4c:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=U7VzyusBVAk:pYD-yEkTJ4c:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Webappers?i=U7VzyusBVAk:pYD-yEkTJ4c:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=U7VzyusBVAk:pYD-yEkTJ4c:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Webappers?i=U7VzyusBVAk:pYD-yEkTJ4c:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Webappers/~4/U7VzyusBVAk" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.webappers.com/2010/03/04/bubbleup-jquery-plugin-for-your-menus/feed/</wfw:commentRss> <feedburner:origLink>http://www.webappers.com/2010/03/04/bubbleup-jquery-plugin-for-your-menus/</feedburner:origLink></item> </channel> </rss><!--
This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enchanced)
Content Delivery Network via maxcdn.webappers.com

Served from: ps11300.dreamhostps.com @ 2010-03-15 00:02:39 -->
