<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Design Ledger &#187; Tools</title>
	<atom:link href="http://webdesignledger.com/category/tools/feed" rel="self" type="application/rss+xml" />
	<link>http://webdesignledger.com</link>
	<description>A Publication for Web Designers</description>
	<lastBuildDate>Sun, 01 Aug 2010 03:15:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Best iPad Apps for Web Designers</title>
		<link>http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers</link>
		<comments>http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers#comments</comments>
		<pubDate>Tue, 13 Jul 2010 04:12:30 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=6037</guid>
		<description><![CDATA[If you&#8217;re a web designer and own an iPad, I&#8217;ve got great news. There are apps out there that will actually help you be productive. So while you&#8217;re away from your desk or office, take a break from playing Angy Birds and get some work done. Here are 10 of our favorite iPad apps to [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re a web designer and own an iPad, I&#8217;ve got great news. There are apps out there that will actually help you be productive. So while you&#8217;re away from your desk or office, take a break from playing Angy Birds and get some work done. Here are 10 of our favorite iPad apps to help you do just that.<span id="more-6037"></span></p>
<h3><a href="http://horseandtherook.com/gusto/#" target="_blank">Gusto</a></h3>
<p><a href="http://horseandtherook.com/gusto/#" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_9.jpg" alt="ipad apps" /></a></p>
<p>Gusto is a full-featured website development environment designed exclusively for the iPad with a focus on workflow and usability.</p>
<h3><a href="http://itunes.apple.com/app/penultimate/id354098826" target="_blank">Punultimate</a></h3>
<p><a href="http://itunes.apple.com/app/penultimate/id354098826" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_10.jpg" alt="ipad apps" /></a></p>
<p>Penultimate encourages you to take notes, keep sketches, or work through your next breakthrough idea&#8211; whether you&#8217;re in the office, on the go, or home on the couch. </p>
<h3><a href="http://itunes.apple.com/app/id364617858" target="_blank">Adobe Ideas</a></h3>
<p><a href="http://itunes.apple.com/app/id364617858" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_1.jpg" alt="ipad apps" /></a></p>
<p>Adobe Ideas is your digital sketchbook, letting you capture and explore ideas anywhere you go. Adobe Ideas is an ideal companion for the professional design applications from Adobe, including Adobe Illustrator® and Adobe Photoshop® software.</p>
<h3><a href="http://sketchyapp.com/" target="_blank">SketchyPad</a></h3>
<p><a href="http://sketchyapp.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_2.jpg" alt="ipad apps" /></a></p>
<p>SketchyPad is for website sketching and apps interface making, including iPhone and iPad apps. This app will make designers, programmers, interface designers life much easier. Easy-to-use interface and a lot of various stencils will help you to mockup any web sites and apps interfaces.</p>
<h3><a href="http://avatron.com/apps/air-display/" target="_blank">Air Display</a></h3>
<p><a href="http://avatron.com/apps/air-display/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_3.jpg" alt="ipad apps" /></a></p>
<p>With Air Display, you can use your iPad as a wireless display for your Mac OS X computer. It lets you position your iPad next to your computer, drag windows onto it, and interact with those windows as you would on any other computer display.</p>
<h3><a href="http://ego-app.com/" target="_blank">Ego</a></h3>
<p><a href="http://ego-app.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_4.jpg" alt="ipad apps" /></a></p>
<p>Ego gives you one central—and lovely—location to check web statistics that matter to you. You can quickly view the number of visits to your website (including daily, hourly and monthly numbers), feed subscription totals and changes, how many people are following you on Twitter and more.</p>
<h3><a href="http://itunes.apple.com/app/id335703880" target="_blank">WordPress</a></h3>
<p><a href="http://itunes.apple.com/app/id335703880" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_5.jpg" alt="ipad apps" /></a></p>
<p>WordPress for iPad lets you can moderate comments and create or edit posts and pages. All you need is a WordPress.com blog or a self-hosted blog running WordPress 2.9.2 or higher.</p>
<h3><a href="http://itunes.apple.com/app/id364885913" target="_blank">iMockups</a></h3>
<p><a href="http://itunes.apple.com/app/id364885913" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_6.jpg" alt="ipad apps" /></a></p>
<p>iMockups gives you rapid wireframing and app design on your iPad. </p>
<h3><a href="http://stuntsoftware.com/freeform/" target="_blank">Freeform</a></h3>
<p><a href="http://stuntsoftware.com/freeform/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_7.jpg" alt="ipad apps" /></a></p>
<p>Freeform is a vector drawing tool for your iPad. Create quick sketches, mockups, or diagrams with this powerful tool. Export your drawings via email in JPG, PNG, or PDF formats, or save to your photo library.</p>
<h3><a href="http://itunes.apple.com/app/id364894285" target="_blank">Analytics HD</a></h3>
<p><a href="http://itunes.apple.com/app/id364894285" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/ipad_apps_8.jpg" alt="ipad apps" /></a></p>
<p>Analytics HD brings Google Analytics to your iPad. Get quick overview reports for at-a-glance data, or  more detailed reports for deeper analysis.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>A Beginner’s Guide to Ecommerce Shopping Carts</title>
		<link>http://webdesignledger.com/tools/a-beginner%e2%80%99s-guide-to-ecommerce-shopping-carts</link>
		<comments>http://webdesignledger.com/tools/a-beginner%e2%80%99s-guide-to-ecommerce-shopping-carts#comments</comments>
		<pubDate>Thu, 01 Jul 2010 05:05:44 +0000</pubDate>
		<dc:creator>jfoster</dc:creator>
				<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=5897</guid>
		<description><![CDATA[Choosing a shopping cart can be complicated, leaving you bamboozled by an array of options. A web design agency could suggest Magento, but your friend’s son is adamant PayPal’s cart is the panacea you’ve been looking for. With so many choices, you need to work out which option will cater for the demands of your [...]]]></description>
			<content:encoded><![CDATA[<p>Choosing a shopping cart can be complicated, leaving you bamboozled by an array of options. A web design agency could suggest Magento, but your friend’s son is adamant PayPal’s cart is the panacea you’ve been looking for. With so many choices, you need to work out which option will cater for the demands of your business today and tomorrow.</p>
<p>Picking any old shopping cart is easy, but finding the right one can be a herculean task.  It’s not about finding the best; it’s about finding the one that’s best for you.<span id="more-5897"></span></p>
<h3><a href="http://www.magentocommerce.com" target="_blank">Magento</a></h3>
<p>Magento is a free open source shopping cart with an impressive depth of features. For those looking for an enterprise grade ecommerce platform, it can be a serious option. It comes with multi-store as standard, flexible pricing functionality and a hierarchical administration and permissions system to support multiple users. With Magento Connect, it’s possible to install a host of quality modules to add additional functionality.</p>
<p><a href="http://www.magentocommerce.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/magento_screenshot.jpg" alt="ecommerce" /></a></p>
<p>Magento’s additional functionality comes with a price: reduced usability. If you’re looking for the simplest shopping cart, and don’t need all the bells and whistles, you may find yourself feeling better satisfied with another option.  Magento also requires more sophisticated programming skills than some competing carts. For smaller operations, the hosting requirements can be quite cumbersome. </p>
<h3><a href="http://www.oscommerce.com" target="_blank">Oscommerce</a></h3>
<p>The software is free and open source, existing since March 2000. In August 2008, it powered over 14,000 online shops. In June 2009, that number is closer to 12,000. While Oscommerce’s popularity may be in decline, that’s not to say it might not be the right solution for you.</p>
<p><a href="http://www.oscommerce.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/oscommerce-screenshot.jpg" alt="ecommerce" /></a></p>
<p>Oscommerce is often criticised for having too complex code. This can make changes difficult and laborious. However, it has a strong community that provides free support and its extensive range of modules can help you to achieve an optimum solution.</p>
<h3><a href="http://www.zen-cart.com" target="_blank">Zen Cart</a></h3>
<p><a href="http://www.zen-cart.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/zencart-screenshot.jpg" alt="ecommerce" /></a></p>
<p>Zen Cart and Oscommerce share a lineage. Using Oscommerce’s code, Zen Cart became a standalone project. And, similar to its cousin, Zen Cart is free and open source. While Zen Cart and Oscommerce have many of the same advantages and disadvantages, Zen Cart has demonstrated better competence and direction. </p>
<h3><a href="http://www.paypal.com" target="_blank">PayPal Shopping Cart</a></h3>
<p>While PayPal’s Shopping Cart is free, it comes with two main catches. Firstly, you have to process payments with PayPal (which is rarely the cheapest option.) Secondly, PayPal tries to encourage each of your customers to sign up for a PayPal account and could damage your conversion rate in the process.</p>
<p><a href="http://www.paypal.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/paypal-screenshot.jpg" alt="ecommerce" /></a></p>
<p>If you want to have a PayPal payment option, you do not have to use PayPal’s shopping cart. Most leading shopping cart options come with a PayPal payment option, which is testament to its ubiquity. </p>
<p>PayPal’s cart is lacking in features and sophistication. Its true benefit comes in its ease of set up. All you need to do is copy and paste code which directs visitors off your website onto PayPal’s. </p>
<h3><a href="http://checkout.google.com" target="_blank">Google Checkout</a></h3>
<p><a href="http://checkout.google.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/google-screenshot.jpg" alt="ecommerce" /></a></p>
<p>Google Checkout is similar to PayPal in its simplicity and ease of set up. Code can simply be copied and pasted into your website, or you can integrate Google Checkout as a payment option into another cart. </p>
<h3><a href="http://www.prestashop.com" target="_blank">PrestaShop</a></h3>
<p>PrestaShop is a free and open source shopping cart that is aimed primarily at small and medium sized businesses. While it was started in France, the project is fully supported in English as well. A key feature of PrestaShop is PrestaStore, a website selling themes and modules for website customization.</p>
<p><a href="http://prestashop.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/prestashop-screenshot.jpg" alt="ecommerce" /></a></p>
<p>PrestaShop is lightweight and has clean code, giving it a key advantage over some of its competitors. The software also comes with a high degree of flexibility around pricing and back office administration requirements. </p>
<p>Despite that, PrestaShop is still seriously lacking in some areas. Firstly, there is a lack of templates and modules available compared to some of their competitors. And, secondly, support could improve too. With time and growth, both of these issues could improve. </p>
<h3><a href="http://www.shopify.com" target="_blank">Shopify</a></h3>
<p>Shopify is a hosted solution that is simple to set up. For those who do not want to manage their own hosting and security, Shopify will take care of that on your behalf. The cart comes with a good range of templates and designs can easily be customized. The shopping cart software has a strong feature set; you can also access modules and applications developed by others.</p>
<p><a href="http://shopify.com" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/shopify-screenshot.jpg" alt="ecommerce" /></a></p>
<p>With shopify, you will always be tied to the company and their platform. Another disadvantage of Shopify relates to their pricing policy. Prices range from $24-$699 per month with a transaction fee of 0%-2%.</p>
<h3>About the Author</h3>
<p><strong>Jeff Foster</strong> is a co-founder of WebBizIdeas, a <a href="http://www.webbizideas.com/services/web-design.html">web design company</a> specializing in <a href="http://www.webbizideas.com/services/web-design/social-networking.html">social network development</a> and <a href="http://www.webbizideas.com/services/web-design/ecommerce.html">ecommerce web design</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/a-beginner%e2%80%99s-guide-to-ecommerce-shopping-carts/feed</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>WordPress 3.0: Changing The Way We Manage Content</title>
		<link>http://webdesignledger.com/tools/wordpress-3-0-changing-the-way-we-manage-content</link>
		<comments>http://webdesignledger.com/tools/wordpress-3-0-changing-the-way-we-manage-content#comments</comments>
		<pubDate>Tue, 01 Jun 2010 05:00:14 +0000</pubDate>
		<dc:creator>snoak</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=5389</guid>
		<description><![CDATA[As most of you already know, Wordpress 3.0 has been released. Although it&#8217;s still in a beta release stage, you can take it for a test drive and check out the many new features that are available. Many people already use Wordpress for many things other than just blogging but this release will certainly create [...]]]></description>
			<content:encoded><![CDATA[<p>As most of you already know, Wordpress 3.0 has been released. Although it&#8217;s still in a beta release stage, you can take it for a test drive and check out the many new features that are available. Many people already use Wordpress for many things other than just blogging but this release will certainly create opportunities for managing content even more effortlessly than before and using Wordpress as more than just a blog.</p>
<p><span id="more-5389"></span></p>
<p>Wordpress was first released in 2003 as a content management system intended for bloggers, and today is regarded as the <a href="http://en.wikipedia.org/wiki/Wordpress">most popular</a> blogging software available. Wordpress is constantly being upgraded with great new features that make it possible to use it as a full website CMS instead of just a blogging platform. Many blogs and even large business sites are <a href="http://technorati.com/blogging/article/wordpress-30-is-getting-ready-to/">using Wordpress</a> as their CMS: CNN, Wall Street Journal, Nikon, Pepsi, etc. No question about it, Wordpress 3.0 has extended the possibilities for creating a full website with a user-friendly CMS for clients.</p>
<p><a href="http://wordpress.org/about/roadmap/">The full release was set for May 2010</a>, but as of the end of May it hasn&#8217;t come out yet and it&#8217;s looking like it will be early June before it&#8217;s fully released. For this post, Wordpress 3.0 Beta 2 was used, and you can download that by going <a href="http://wordpress.org/development/2010/05/wordpress-3-0-beta-2/">here</a>.</p>
<h3>New Menu Management Feature</h3>
<p>In my opinion, this is one of the most exciting new features with Wordpress 3.0, and it&#8217;s included in the default installation. Before this, it was possible to create a dynamic menu with some plugins and/or Wordpress ninja skills. But it was never very easy to accomplish and now they&#8217;ve made it super simple. </p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/05/menuoptions.jpg" /></p>
<p>You can add pages, categories, and even custom website links. With the custom website links option, you could link straight to a post, another website, whatever you want. It&#8217;s very user-friendly and setup similar to the current sidebar widget area where you can easily drag and drop to customize it just the way you like. </p>
<h3>Custom Post Types</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/05/posttype.jpg" /></p>
<p>Currently, you can only create pages and posts with Wordpress. In 3.0, you can create your own <a href="http://wpengineer.com/impressions-of-custom-post-type/">custom post types</a>, and set up the appropriate fields to go along with each. When a user chooses a new post type, something like a Podcast, they will just add a podcast, simple as that. You don&#8217;t need to walk your clients through a complicated process and explain why they need to add a new post for a podcast and then click on a certain category and fill in a certain custom field. It&#8217;s one step now, and clients will love the simplicity. It does require the use of a plugin, but before it required much more work to setup.</p>
<h3>Multi-User</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/05/multisite.jpg" /></p>
<p><a href="http://mu.wordpress.org/">Wordpress MU</a> has been around as a separate entity for a while but will now be integrated in Wordpress 3.0. MU allows you to maintain multiple sites from a single admin panel. It&#8217;s great for anyone that runs more than one site or blog and would like the simplicity of logging in once and maintaining them all from one place. This is especially helpful if these sites share content, templates, or plugins. One installation means less work and less time to create the same thing.</p>
<p>This isn&#8217;t completely setup in the default installation, but it&#8217;s fairly easy to get it up and going. First add this line to wp-config.php.</p>
<p><code>define('WP_ALLOW_MULTISITE', true);</code></p>
<p>Now &#8220;Network&#8221; will appear under Tools in the main menu. Once there, fill in the Network Title, Admin Email Address and press Install. Wordpress gives you the option to set these sites up under sub domains or sub directories. If you&#8217;ve installed this version of Wordpress in a sub directory or you&#8217;re using localhost, Wordpress requires that you use sub directories.</p>
<h3>Other Noteworthy Features</h3>
<p>You can now <strong>choose your own username and password</strong> in the installation process, no more auto generated passwords using the admin username.</p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/05/2010theme.jpg" /></p>
<p>The <strong>new default theme</strong>, Twenty Ten, is much nicer. It&#8217;s clean and lightweight with minimal style attributes. I don&#8217;t use the default themes myself, but it&#8217;s still a nice feature to see.</p>
<h3>Additional Resources</h3>
<ul>
<li><a href="http://codex.wordpress.org/Version_3.0">Wordpress 3.0 Codex</a></li>
<li><a href="http://www.pcpro.co.uk/blogs/2010/03/29/looking-forward-to-wordpress-3/">Looking Forward to Wordpress 3</a></li>
<li><a href="http://technorati.com/blogging/article/wordpress-30-is-getting-ready-to/">Wordpress 3.0 is Getting Ready to Launch</a></li>
<li><a href="http://www.wpbeginner.com/news/whats-coming-in-wordpress-3-0-features/">What&#8217;s Coming in Wordpress 3.0 Features</a></li>
<li><a href="http://sixrevisions.com/wordpress/wordpress-3-0-guide/">Wordpress 3.0 Guide</a></li>
</ul>
<p>Wordpress has moved leaps and bounds with this new version and I&#8217;m excited to see where it&#8217;s going in the future. These new features certainly help us deliver a more user-friendly CMS to clients with less hassle and headache in the setup process.</p>
<p>Have you had a chance to check it out yet? What is your favorite feature and what are you most excited to see in the future? </p>
<h3>About the Author</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/02/noak.jpg" alt="" width="80" height="80" class="alignleft " style="float: left; margin: 0px 10px 5px 0;"/><strong>Shannon Noack</strong> is a designer in Arizona and the Creative Director of <strong><a href="http://www.snoackstudios.com">Snoack Studios</a></strong>. Designing is her passion in life and she loves to create websites, logos, print work, you name it. She also blogs regularly <strong><a href="http://blog.snoackstudios.com">here</a></strong> and you can connect with her on <strong><a href="http://www.twitter.com/snoackstudios">Twitter</a></strong> as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/wordpress-3-0-changing-the-way-we-manage-content/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>10 jQuery Plugins to Help with Web Page Layouts</title>
		<link>http://webdesignledger.com/tools/10-jquery-plugins-to-help-with-web-page-layouts</link>
		<comments>http://webdesignledger.com/tools/10-jquery-plugins-to-help-with-web-page-layouts#comments</comments>
		<pubDate>Fri, 21 May 2010 05:41:00 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=5290</guid>
		<description><![CDATA[Every now and then a web project will come up that has special and unique layout requirements, and the current capabilities of CSS just aren&#8217;t enough. With projects such as these, jQuery can be your best friend. So here are 10 jQuery plugins to help you out with page layouts.
UI.Layout

The UI.Layout plug-in can create any [...]]]></description>
			<content:encoded><![CDATA[<p>Every now and then a web project will come up that has special and unique layout requirements, and the current capabilities of CSS just aren&#8217;t enough. With projects such as these, jQuery can be your best friend. So here are 10 jQuery plugins to help you out with page layouts.<span id="more-5290"></span></p>
<h3><a href="http://layout.jquery-dev.net/" target="_blank">UI.Layout</a></h3>
<p><a href="http://layout.jquery-dev.net/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_1.jpg" alt="jquery" /></a></p>
<p>The UI.Layout plug-in can create any UI look you want &#8211; from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.</p>
<h3><a href="http://pupunzi.open-lab.com/mb-jquery-components/mb-containerplus/" target="_blank">mb.containerPlus</a></h3>
<p><a href="http://pupunzi.open-lab.com/mb-jquery-components/mb-containerplus/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_7.jpg" alt="jquery" /></a></p>
<p>This plugin let&#8217;s you build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.</p>
<h3><a href="http://code.google.com/p/css-template-layout/" target="_blank">css-template-layout</a></h3>
<p><a href="http://code.google.com/p/css-template-layout/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_2.jpg" alt="jquery" /></a></p>
<p>The project aims at providing web designers with a way to use the W3&#8217;s CSS Template Layout Module today. As a jQuery plug-in, the script parses a given set of CSS rules and displays the content as indicated in the specification. Options include the ability to select the CSS parsed, as well as an optional prefix to use for the CSS rules. Specifying a prefix allows style rules that are interoperable with a possible future browser implementations. </p>
<h3><a href="http://desandro.com/resources/jquery-masonry/" target="_blank">Masonry</a></h3>
<p><a href="http://desandro.com/resources/jquery-masonry/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_4.jpg" alt="jquery" /></a></p>
<p>Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.</p>
<h3><a href="http://welcome.totheinter.net/columnizer-jquery-plugin/" target="_blank">Columnizer</a></h3>
<p><a href="http://welcome.totheinter.net/columnizer-jquery-plugin/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_3.jpg" alt="jquery" /></a></p>
<p>Columnizer will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. </p>
<h3><a href="http://jwf.us/projects/jQSlickWrap/" target="_blank">jQSlickWrap</a></h3>
<p><a href="http://jwf.us/projects/jQSlickWrap/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_4.jpg" alt="jquery" /></a></p>
<p>jQSlickWrap forces text to wrap around the contents of an image, not just its bounding box as it does when you use a float with CSS.</p>
<h3><a href="http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/" target="_blank">Equal Heights</a></h3>
<p><a href="http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_5.jpg" alt="jquery" /></a></p>
<p>Equal Heights loops through the top-level child nodes of a specified element and sets their min-height values to that of the tallest.</p>
<h3><a href="http://code.google.com/p/js-columns/" target="_blank">js-columns</a></h3>
<p><a href="http://code.google.com/p/js-columns/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_6.jpg" alt="jquery" /></a></p>
<p>js-columns is designed to help with the creation of newspaper-style column layouts in HTML. While CSS3 has a variety of column-style properties, these are not yet widely implemented, and none help with the creation of page-based layouts. </p>
<h3><a href="http://www.systemantics.net/en/other/columnize" target="_blank">Columnize</a></h3>
<p><a href="http://www.systemantics.net/en/other/columnize" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_8.jpg" alt="jquery" /></a></p>
<p>jQue­ry Co­lum­ni­ze al­lows you to crea­te a newspa­per-li­ke co­lumn lay­out. </p>
<h3><a href="http://www.systemantics.net/en/other/columnize" target="_blank">jLayout</a></h3>
<p><a href="http://www.systemantics.net/en/other/columnize" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/jquery_layouts_9.jpg" alt="jquery" /></a></p>
<p>jLayout provides four layout algorithms for laying out HTML elements in web pages. This plugin allows you to lay out your elements with as little code as possible, and behaves correctly when used with margins, padding and borders.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/10-jquery-plugins-to-help-with-web-page-layouts/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>11 Excellent Solutions for Making Your Website Mobile Friendly</title>
		<link>http://webdesignledger.com/tools/11-excellent-solutions-for-making-your-website-mobile-friendly</link>
		<comments>http://webdesignledger.com/tools/11-excellent-solutions-for-making-your-website-mobile-friendly#comments</comments>
		<pubDate>Wed, 12 May 2010 05:34:58 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=5167</guid>
		<description><![CDATA[It seems that almost everybody has a cell phone these days, and with the growing adoption of smart phones, more and more people are browsing the internet on their mobile device. Even though some phones, like the iPhone, have browsers that make viewing regular webpages suitable, a mobile version of your website can mean several [...]]]></description>
			<content:encoded><![CDATA[<p>It seems that almost everybody has a cell phone these days, and with the growing adoption of smart phones, more and more people are browsing the internet on their mobile device. Even though some phones, like the <a href="http://webdesignledger.com/tools/10-useful-iphone-apps-for-web-designers-and-developers">iPhone</a>, have browsers that make viewing regular webpages suitable, a mobile version of your website can mean several benefits, like faster load times, and ensuring your content can be viewed on a wider range of phones.</p>
<p>Creating a mobile version of WDL has been on my to-do list for a while now, but yet there is still no mobile version of this site. Sensing that I&#8217;ve been putting it off for far too long, I&#8217;ve started to do research on the best mobile solution for Web Design Ledger. I&#8217;ve found that there are a number of solutions out there that make it easy to go mobile with your website, but here are eleven of the best.<span id="more-5167"></span></p>
<h3><a href="http://www.bravenewcode.com/products/wptouch/" target="_blank">WPtouch</a></h3>
<p><a href="http://www.bravenewcode.com/products/wptouch/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_3.jpg" alt="mobile version tools" /></a></p>
<p>WPtouch is a mobile theme for your WordPress website. Modeled after Apple’s app store design specs, it loads lightning fast and shows your content beautifully, without interfering with your regular site theme. WPtouch automatically transforms your WordPress blog into a web-application experience when viewed from an iPhone, iPod touch, Android, or BlackBerry Storm touch mobile device.</p>
<h3><a href="http://www.mofuse.com/a/" target="_blank">MoFuse</a></h3>
<p><a href="http://www.mofuse.com/a/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_2.jpg" alt="mobile version tools" /></a></p>
<p>MoFuse is currently being used by over 23,000 blogs for their mobile versions. Some notable &#8220;big-name&#8221; sites are Mashable and Read Write Web. MoFuse gives you tools to promote your content, build and measure your audience, and even make money.</p>
<h3><a href="http://mippin.com/web/maker/mobilize.jsp" target="_blank">Mippin Mobilizer</a></h3>
<p><a href="http://mippin.com/web/maker/mobilize.jsp" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_11.jpg" alt="mobile version tools" /></a></p>
<p>Mippin Mobilizer helps you get your site mobilized in just a few quick steps, and give you full control over the branding and logo. It also give you the ability to monetize your mobile site through advertising.</p>
<h3><a href="http://mobify.me/" target="_blank">Mobify</a></h3>
<p><a href="http://mobify.me/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_1.jpg" alt="mobile version tools" /></a></p>
<p>Mobify gives you full control over the layout of your mobile site with CSS, and it supports over 5000 mobile devices. It also gives you tools to manage mobile advertising and analytics.</p>
<h3><a href="http://www.wirenode.com/" target="_blank">Wirenode</a></h3>
<p><a href="http://www.wirenode.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_10.jpg" alt="mobile version tools" /></a></p>
<p>Wirenode currently hosts nearly 40,000 mobile webpages, and include in those are some popular brands like Reebok and Ford. With Wirenode it takes about 5 minutes to get a mobile version of your site up and running, and it gives you features like mobile widgets, RSS mobilization, and mobile polls and forms. </p>
<h3><a href="http://www.wptap.com/" target="_blank">WPtap</a></h3>
<p><a href="http://www.wptap.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_4.jpg" alt="mobile version tools" /></a></p>
<p>WPtap delivers mobile themes/plugins that can instantly convert your WordPress site into web-application experience when viewed from iPhone, iPod Touch, touch-based Blackberry, and Android smartphones. WPtap offers comprehensive mobile theme solutions for your WordPress website. It comes complete with all the standard WordPress blog features: search, login, categories, tags, archives, photos &#038; more. WPtap also offers many customization features through a user-friendly WordPress admin panel.</p>
<h3><a href="http://www.mobisitegalore.com/index.html" target="_blank">mobiSiteGalore</a></h3>
<p><a href="http://www.mobisitegalore.com/index.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_9.jpg" alt="mobile version tools" /></a></p>
<p>mobiSiteGalore is a mobile website builder that allows you to easily build, publish &#038; share a full-fledged mobile website that is guaranteed to work fine on any mobile phone. Design templates allow you to completely customize the colors, fonts and layout on the page to create a unique looking mobile version of your website.</p>
<h3><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/" target="_blank">WordPress Mobile Pack</a></h3>
<p><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_5.jpg" alt="mobile version tools" /></a></p>
<p>The WordPress Mobile Pack is a complete toolkit to help mobilize your WordPress site and blog. It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.</p>
<h3><a href="http://www.zinadoo.com/" target="_blank">Zinadoo</a></h3>
<p><a href="http://www.zinadoo.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_6.jpg" alt="mobile version tools" /></a></p>
<p>Zinadoo is a  web solution that allows you to create a mobile version of your website in just a few minutes. You can also optimize your site for Google Mobile with keywords and tags, and make use of their special mobile widgets.</p>
<h3><a href="http://winksite.com/site/index.cfm" target="_blank">Winksite</a></h3>
<p><a href="http://winksite.com/site/index.cfm" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_7.jpg" alt="mobile version tools" /></a></p>
<p>Winksite was the first standards-compliant mobile Website builder that included RSS-driven content deployment and mobile-tuned community features such as forum, chat, and polls. It also allows you to monetize your mobile site with advertising from leading advertising networks. Your revenue share is 100%. Winksite does not take a share of the revenue that your mobile site generates. </p>
<h3><a href="http://mobilepress.co.za/" target="_blank">MobilePress</a></h3>
<p><a href="http://mobilepress.co.za/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_8.jpg" alt="mobile version tools" /></a></p>
<p>MobilePress is a free WordPress plugin which turns your WordPress blog into a mobile friendly blog when viewed on a cell phone. MobilePress also allows you to create custom mobile themes for different handheld devices and mobile browsers such as the iPhone, Opera Mini and Windows Mobile.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/11-excellent-solutions-for-making-your-website-mobile-friendly/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>10 Useful iPhone Apps for Web Designers and Developers</title>
		<link>http://webdesignledger.com/tools/10-useful-iphone-apps-for-web-designers-and-developers</link>
		<comments>http://webdesignledger.com/tools/10-useful-iphone-apps-for-web-designers-and-developers#comments</comments>
		<pubDate>Fri, 07 May 2010 05:16:59 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=5083</guid>
		<description><![CDATA[The iPhone has revolutionized the mobile device, and the App Store has taken it even further. There are literally apps for just about everything. While some of them are for having fun or passing the time, there are many apps that can help us perform serious tasks. There are even apps to help us web [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://webdesignledger.com/inspiration/50-inspiring-iphone-application-websites">iPhone</a> has revolutionized the mobile device, and the App Store has taken it even further. There are literally apps for just about everything. While some of them are for having fun or passing the time, there are many apps that can help us perform serious tasks. There are even apps to help us web designers and developers do our jobs from anywhere. Having the ability to mange a database or update your blog all from your phone can come in handy. Here are 10 super useful iPhone applications to help web designers and developers perform tasks like these.<span id="more-5083"></span></p>
<h3><a href="http://www.code-line.com/software/colorexpert/" target="_blank">Color Expert</a></h3>
<p><a href="http://www.code-line.com/software/colorexpert/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_1.jpg" alt="iphone apps" /></a></p>
<p>Color Expert contains powerful tools to help artists and designers identify, translate, capture and showcase color. Look down. See the color of that Pomegranate in your cart? Go get it. It&#8217;d be perfect for the project you&#8217;ve been working on. Whip out Color Expert and it tells you that shade is PANTONE® solid coated PANTONE 220 C. The interactive color wheel then finds the perfect color schemes and palettes to match. Now, email that color scheme to your friends or clients. But, you might not want to tell them you&#8217;re still in the check-out line.</p>
<h3><a href="http://itunes.apple.com/app/fontshuffle/id298268157?mt=8" target="_blank">FontShuffle</a></h3>
<p><a href="http://itunes.apple.com/app/fontshuffle/id298268157?mt=8" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_5.jpg" alt="iphone apps" /></a></p>
<p>FontShuffle is the fastest mobile source of typographic inspiration. 650+ font families are sorted by visual similarity. Without any previous knowledge about type design, you can quickly discover 6 typefaces of similar style in just two taps by navigating the simple category menu. Choose the list view to examine up to 24 similar typefaces.</p>
<h3><a href="http://www.spanware.com/iphonedb/iMy/iMy.html" target="_blank">iMy</a></h3>
<p><a href="http://www.spanware.com/iphonedb/iMy/iMy.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_6.jpg" alt="iphone apps" /></a></p>
<p>iMy is a full MySQL client for the iPhone. It features the ability to generate complex queries without ever using the keyboard. The interface of iMy is very close to MobileCan.</p>
<h3><a href="http://brushesapp.com/" target="_blank">Brushes</a></h3>
<p><a href="http://brushesapp.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_2.jpg" alt="iphone apps" /></a></p>
<p>Brushes is a painting application designed from scratch for the iPhone and iPod touch. Featuring an advanced color picker, several realistic brushes, multiple layers, extreme zooming, and a simple yet deep interface, it is a powerful tool for creating original artwork on your mobile device.</p>
<h3><a href="http://www.tenero.mobi/products/" target="_blank">iBlueSky</a></h3>
<p><a href="http://www.tenero.mobi/products/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_7.jpg" alt="iphone apps" /></a></p>
<p>iBlueSky is a brainstorming and mind-mapping solution. Collect and organise ideas you have at odd moments, then email the complete project in PDF and PNG formats to any contact. You can even print a hard copy of your work from the PDF file.</p>
<h3><a href="http://bjango.com/apps/jobs/" target="_blank">Jobs</a></h3>
<p><a href="http://www.tenero.mobi/products/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_8.jpg" alt="iphone apps" /></a></p>
<p>Jobs has just the right features to make it a powerful time tracker, but none of the fluff, so it is intuitive and lightning fast to use. Each job features an hourly rate, flagfall, associated client and total time spent on the job (broken up into sessions that are logged every time you pause or restart a job). To make things even quicker, your hourly rate and flagfall are automatically set to a default rate, but can be overridden on a job by job basis.</p>
<h3><a href="http://www.insideroot.com/colors/" target="_blank">HEX RGB Colors Guide</a></h3>
<p><a href="http://www.insideroot.com/colors/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_4.jpg" alt="iphone apps" /></a></p>
<p>This application gives you an easy reference to RGB and HEX color codes right on your iPhone or iPod touch. This app is designed for anyone who deals with HEX and RGB Color codes when it comes to designing offline and online media of multiple types.</p>
<h3><a href="http://iphone.wordpress.org/" target="_blank">WordPress</a></h3>
<p><a href="http://iphone.wordpress.org/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_9.jpg" alt="iphone apps" /></a></p>
<p>With WordPress for iPhone OS, you can moderate comments and create or edit posts and pages. All you need is a WordPress.com blog or a self-hosted blog running WordPress 2.9.2 or higher.</p>
<h3><a href="http://www.concentricsky.com/products/iphone/jquery-cheat-sheet/" target="_blank">jQuery Cheat Sheet</a></h3>
<p><a href="http://www.concentricsky.com/products/iphone/jquery-cheat-sheet/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_10.jpg" alt="iphone apps" /></a></p>
<p>Even seasoned jQuery developers need a quick refresher course in jQuery syntax and arguments from time to time. jQuery Cheat Sheet is designed to address that need. Use it as a quick reference for topics you&#8217;ve already learned but need a few reminders on, or if you&#8217;re still a beginner to jQuery, use it to better understand what jQuery is capable of.</p>
<h3><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=286479936&#038;mt=8&#038;ign-mpt=uo%3D6" target="_blank">FTP On The Go</a></h3>
<p><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=286479936&#038;mt=8&#038;ign-mpt=uo%3D6" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/iphone_applications_11.jpg" alt="iphone apps" /></a></p>
<p>Download files and use FTP On The Go&#8217;s built in text editor to fix text right on your iPhone. Find and Replace features make it a snap. Click the Save button to upload your changes back to the server and you&#8217;re done. You can even change file permissions (CHMOD) on the server to manage your website from anywhere.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/10-useful-iphone-apps-for-web-designers-and-developers/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>10 Time Saving Google Chrome Extensions</title>
		<link>http://webdesignledger.com/tools/10-time-saving-google-chrome-extensions</link>
		<comments>http://webdesignledger.com/tools/10-time-saving-google-chrome-extensions#comments</comments>
		<pubDate>Tue, 04 May 2010 05:05:52 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=5059</guid>
		<description><![CDATA[Google Chrome is quickly becoming a popular browser due to its speed and now its growing collection of extensions. Extensions are a great way to add functionality that doesn&#8217;t come packaged with the browser.
There are extensions for just about everything, but in this post we&#8217;re focusing on helping you save time in your everyday tasks. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://webdesignledger.com/tools/13-useful-google-chrome-extensions-for-web-developers">Google Chrome</a> is quickly becoming a popular browser due to its speed and now its growing collection of extensions. Extensions are a great way to add functionality that doesn&#8217;t come packaged with the browser.</p>
<p>There are extensions for just about everything, but in this post we&#8217;re focusing on helping you save time in your everyday tasks. Web workers have to do a lot of little things throughout the day that seem to add up and take up a lot of time. So here are <strong>10 Time Saving Google Chrome Extensions</strong> that can hopefully help you streamline your daily work flow.<span id="more-5059"></span></p>
<h3><a href="https://chrome.google.com/extensions/detail/bbcnbpafconjjigibnhbfmmgdbbkcjfi" target="_blank">Session Manager</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/bbcnbpafconjjigibnhbfmmgdbbkcjfi" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_10.jpg" alt="google chrome extensions" /></a></p>
<p>Based on what kind of task I&#8217;m working on, I normally keep a set of websites and web apps open at all times. Session Manager lets you save sessions of your opened tabs and windows, and to quickly re-open them whenever you like.</p>
<h3><a href="https://chrome.google.com/extensions/detail/mihcahmgecmbnbcchbopgniflfhgnkff" target="_blank">Google Mail Checker</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/mihcahmgecmbnbcchbopgniflfhgnkff" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_1.jpg" alt="google chrome extensions" /></a></p>
<p>I don&#8217;t know about you, but I spend a lot of time flipping over to check my GMail. Google Mail Checker displays the number of unread messages in your Google Mail inbox. You can also click the button to open your inbox.</p>
<h3><a href="https://chrome.google.com/extensions/detail/emambmpgicpidmncfacjkeicobamadod" target="_blank">DayHiker</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/emambmpgicpidmncfacjkeicobamadod" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_2.jpg" alt="google chrome extensions" /></a></p>
<p>DayHiker lets you check Google calendar from the toolbar. Check and schedule tasks. Manage content on the fly. Soft reminders, plus an alarm clock.</p>
<h3><a href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk" target="_blank">goo.gl URL Shortener</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_3.jpg" alt="google chrome extensions" /></a></p>
<p>goo.gl url shortener is an extension which allows you to shorten the current website URL with the new Google URL Shortener service http://goo.gl/ Once compressed the url is automatically copied to clipboard and you can share it with Twitter, Facebook, Blogger, Delicious, Digg, MySpace, Google Reader, Gmail or your default mail client.</p>
<h3><a href="https://chrome.google.com/extensions/detail/fafnphfmggfjfjgoahpnfkpbmgpfcofk" target="_blank">Brizzly</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/fafnphfmggfjfjgoahpnfkpbmgpfcofk" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_4.jpg" alt="google chrome extensions" /></a></p>
<p>Brizzly is a reader for Twitter and Facebook. It simplifies your browsing and updating experience, while adding a few nifty extras.</p>
<h3><a href="https://chrome.google.com/extensions/detail/cjjghkapdciaiogkeofggpblmbbnjinn" target="_blank">Pixler Grabber</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/cjjghkapdciaiogkeofggpblmbbnjinn" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_5.jpg" alt="google chrome extensions" /></a></p>
<p>Sharing screenshots can be time consuming. Pixler Grabber allows you to edit, save and share screen grabs all from the browser.</p>
<h3><a href="https://chrome.google.com/extensions/detail/mmffncokckfccddfenhkhnllmlobdahm" target="_blank">FastestChrome</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/mmffncokckfccddfenhkhnllmlobdahm" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_6.jpg" alt="google chrome extensions" /></a></p>
<p>FastestChrome helps you save time and enhance your productivity. Key features include:</p>
<ul>
<li>Endless Pages automatically loads the next page just before you reach the end so you don&#8217;t have to click &#8220;Next&#8221; or wait</li>
<li>Look up definitions instantly by highlighting a word</li>
<li>Better Google: shows you relevant results from real-time and shopping search engines such as OneRiot and Amazon</li>
<li>Search more conveniently: select text then click on a search engine to search</li>
<li>Automatically turns text URLs into links</li>
<li>Adds related articles to Wikipedia</li>
</ul>
<h3><a href="https://chrome.google.com/extensions/detail/amigcgbheognjmfkaieeeadojiibgbdp" target="_blank">TooManyTabs</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/amigcgbheognjmfkaieeeadojiibgbdp" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_8.jpg" alt="google chrome extensions" /></a></p>
<p>It never fails. Every morning, after I&#8217;ve been working for a couple of hours, my tabs are out of control. TooManyTabs helps you manage your tabs, improve your browsing, and maintain your sanity when you have many tabs open.</p>
<h3><a href="https://chrome.google.com/extensions/detail/bkanhckocooacphbnclgcndnpfpoppdk" target="_blank">Web2PDFConverter</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/bkanhckocooacphbnclgcndnpfpoppdk" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_7.jpg" alt="google chrome extensions" /></a></p>
<p>This extension lets youconvert any webpage to PDF including most SSL based sites. Key features include:</p>
<ul>
<li>Includes a direct link if the process is taking too long.</li>
<li>Allows you to view the converted PDF using Google Docs.</li>
<li>And of course you can download it to your computer.</li>
<li>Easy Options section.</li>
</ul>
<h3><a href="https://chrome.google.com/extensions/detail/bijpdibkloghppkbmhcklkogpjaenfkg" target="_blank">Auto Copy</a></h3>
<p><a href="https://chrome.google.com/extensions/detail/bijpdibkloghppkbmhcklkogpjaenfkg" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/chrome_extension_9.jpg" alt="google chrome extensions" /></a></p>
<p>Auto Copy streamlines the process of copying text. It automatically copies selected text to the clipboard and has options for copying as plain text; including the URL in the copied text; etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/10-time-saving-google-chrome-extensions/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>13 Excellent Tools and Systems for CSS Grid Based Layouts</title>
		<link>http://webdesignledger.com/tools/13-excellent-tools-and-systems-for-css-grid-based-layouts</link>
		<comments>http://webdesignledger.com/tools/13-excellent-tools-and-systems-for-css-grid-based-layouts#comments</comments>
		<pubDate>Fri, 30 Apr 2010 05:27:50 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4971</guid>
		<description><![CDATA[A good grid can be a strong foundation for any design. Using grids got its start in print design, but has made it&#8217;s way over to the web. There are several advantages to using grids in web design, but primarily they help achieve structure and consistency in layouts. If you have yet to start using [...]]]></description>
			<content:encoded><![CDATA[<p>A good grid can be a strong foundation for any design. Using grids got its start in print design, but has made it&#8217;s way over to the web. There are several advantages to using grids in web design, but primarily they help achieve structure and consistency in layouts. If you have yet to start using grids in your web design projects, but want to get started&#8230;we&#8217;re here to help. In this post, we&#8217;ve rounded up 13 excellent tools and systems for CSS grid based layouts.<span id="more-4971"></span></p>
<h3><a href="http://hashgrid.com/" target="_blank">#grid</a></h3>
<p><a href="http://hashgrid.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_13.jpg" alt="grid layout" /></a></p>
<p>#grid is a little tool that inserts a layout grid  in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.</p>
<h3><a href="http://www.grafikk.co.uk/gridmaker/#/12,60,500,10,16761021,true,10,10,16732743/" target="_blank">Gridmaker</a></h3>
<p><a href="http://www.grafikk.co.uk/gridmaker/#/12,60,500,10,16761021,true,10,10,16732743/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_1.jpg" alt="grid layout" /></a></p>
<p>Gridmaker is a handy tool for creating grid templates for use in Photoshop. There&#8217;s also a plugin.</p>
<h3><a href="http://960.gs/" target="_blank">960 Grid System</a></h3>
<p><a href="http://960.gs/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_2.jpg" alt="grid layout" /></a></p>
<p>The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.</p>
<h3><a href="http://developer.yahoo.com/yui/grids/builder/" target="_blank">YUI: CSS Grid Builder</a></h3>
<p><a href="http://developer.yahoo.com/yui/grids/builder/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_12.jpg" alt="grid layout" /></a></p>
<p>CSS Grid Builder is another tool that lets you design your own grid by specifying body width and number of columns. This one even lets you enter content for the header and footer. Once you&#8217;re done you can easily copy the generated code. </p>
<h3><a href="http://www.1kbgrid.com/" target="_blank">1 KB CSS Grid</a></h3>
<p><a href="http://www.1kbgrid.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_4.jpg" alt="grid layout" /></a></p>
<p>The 1 KB CSS Grid is a simple, lightweight approach that doesn&#8217;t require a PhD. When server-side options for templating and sub-templating are limited, the grid can be used as an alternative page templating engine. Its convenient row and column syntax provide all the necessary scaffolding.</p>
<h3><a href="http://netprotozo.com/grid/" target="_blank">netProtozo: Grid Generator</a></h3>
<p><a href="http://netprotozo.com/grid/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_11.jpg" alt="grid layout" /></a></p>
<p>Grid Generator allows you to design your own grid by specifying the usual parameters like column width, gutter width, etc. You can then download grab the css or a png of the grid.</p>
<h3><a href="http://www.blueprintcss.org/" target="_blank">Blueprint</a></h3>
<p><a href="http://www.blueprintcss.org/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_5.jpg" alt="grid layout" /></a></p>
<p>Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing. </p>
<h3><a href="http://csswizardry.com/typogridphy/" target="_blank">Typogridphy</a></h3>
<p><a href="http://csswizardry.com/typogridphy/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_6.jpg" alt="grid layout" /></a></p>
<p>Typogridphy is a CSS  framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.</p>
<h3><a href="http://code.google.com/p/the-golden-grid/" target="_blank">The Golden Grid</a></h3>
<p><a href="http://code.google.com/p/the-golden-grid/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_3.jpg" alt="grid layout" /></a></p>
<p>The Golden Grid is a web grid system. It &#8217;s a product of the search for the perfect modern grid system. It &#8217;s meant to be a CSS tool for grid based web sites. </p>
<h3><a href="http://www.yaml.de/en/home.html" target="_blank">YAML</a></h3>
<p><a href="http://www.yaml.de/en/home.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_7.jpg" alt="grid layout" /></a></p>
<p>&#8220;Yet Another Multicolumn Layout&#8221; (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users. </p>
<h3><a href="http://www.29digital.net/grid/" target="_blank">Grid Calculator</a></h3>
<p><a href="http://www.29digital.net/grid/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_8.jpg" alt="grid layout" /></a></p>
<p>Grid Calculator allows you to choose the font size you are going to use, and then select the number of columns, column width, and gutter width based on that base font size. As you fiddle with the dimensions, the total width is dynamically updated, so you can check that you haven’t gone over that magic 1024px.</p>
<h3><a href="http://gridr.atomeye.com/" target="_blank">Gridr Buildrrr</a></h3>
<p><a href="http://gridr.atomeye.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_9.jpg" alt="grid layout" /></a></p>
<p>Gridr Buildrrr is a useful tool to help you layout your own grids.</p>
<h3><a href="http://designinfluences.com/fluid960gs/" target="_blank">Fluid 960 Grid System</a></h3>
<p><a href="http://designinfluences.com/fluid960gs/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/grids_10.jpg" alt="grid layout" /></a></p>
<p>The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/13-excellent-tools-and-systems-for-css-grid-based-layouts/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>14 Fresh and Useful jQuery Plugins</title>
		<link>http://webdesignledger.com/tools/14-fresh-and-useful-jquery-plugins</link>
		<comments>http://webdesignledger.com/tools/14-fresh-and-useful-jquery-plugins#comments</comments>
		<pubDate>Tue, 20 Apr 2010 05:30:51 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4834</guid>
		<description><![CDATA[jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you&#8217;re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we&#8217;ve rounded up 14 fresh and useful jquery plugins that have been released in the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://webdesignledger.com/tag/jquery">jQuery</a> has changed the way developers write JavaScript and the way users interact with websites and web applications. If you&#8217;re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we&#8217;ve rounded up <strong>14 fresh and useful jquery plugins</strong> that have been released in the past few months. You&#8217;ll find that these plugins offer a wide range of functionality, from navigation enhancements to image viewing.<span id="more-4834"></span> </p>
<h3><a href="http://aext.net/2010/04/bubbleup-jquery-plugin/" target="_blank">BubbleUp</a></h3>
<p><a href="http://aext.net/2010/04/bubbleup-jquery-plugin/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_14.jpg" alt="jquery" /></a></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. Imagine the Mac Dock effect, although this plugin&#8217;s effect is not awesome like that, it&#8217;s light weight for such a similar zooming effect.</p>
<h3><a href="http://spritely.net/" target="_blank">Spritely</a></h3>
<p><a href="http://spritely.net/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_9.jpg" alt="jquery" /></a></p>
<p>Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript.</p>
<h3><a href="http://jquery-notes.rydygel.de/index.php" target="_blank">jQuery-Notes</a></h3>
<p><a href="http://jquery-notes.rydygel.de/index.php" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_1.jpg" alt="jquery" /></a></p>
<p>jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.</p>
<h3><a href="http://razorjack.net/quicksand/" target="_blank">Quicksand</a></h3>
<p><a href="http://razorjack.net/quicksand/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_2.jpg" alt="jquery" /></a></p>
<p>Reorder and filter items with a nice shuffling animation. Just specify source container and destination collection which will replace the source collection. New elements will appear with fancy scaling+alpha effect, deleted elements (non-existant in destination collection) will scale out and rearranged items will move to their destination positions.</p>
<h3><a href="http://www.yoxigen.com/yoxview/" target="_blank">YoxView</a></h3>
<p><a href="http://www.yoxigen.com/yoxview/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_3.jpg" alt="jquery" /></a></p>
<p>YoxView is a popup image viewer, built using jQuery 1.4. It&#8217;s simple to use yet quite powerful. </p>
<p>Key Features:</p>
<ul>
<li>Images are resized to fit inside the browser&#8217;s window</li>
<li>Images can be pre-cached</li>
<li>Multiple instances in the same page may be used, ideal for blog entries, for example.</li>
<li>Fully configurable &#8211; each instance may have a different configuration.</li>
</ul>
<h3><a href="http://desandro.com/resources/jquery-masonry/" target="_blank">Masonry</a></h3>
<p><a href="http://desandro.com/resources/jquery-masonry/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_4.jpg" alt="jquery" /></a></p>
<p>Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.</p>
<h3><a href="http://plugins.jquery.com/project/ttabs" target="_blank">Ttabs</a></h3>
<p><a href="http://plugins.jquery.com/project/ttabs" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_5.jpg" alt="jquery" /></a></p>
<p>Ttabs tweaks html markup and then calls UI Tabs function. You do not need to specify the list of tabs before the first tab section. The plugin creates it from the headings, or you can specify the tab labels right in the javascript code.</p>
<h3><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" target="_blank">TipTip</a></h3>
<p><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_8.jpg" alt="jquery" /></a></p>
<p>TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It&#8217;s also only 3.5kb minified! </p>
<h3><a href="http://tutorialzine.com/2010/02/jquery-photoshoot-plugin/" target="_blank">jQuery Photoshoot</a></h3>
<p><a href="http://tutorialzine.com/2010/02/jquery-photoshoot-plugin/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_6.jpg" alt="jquery" /></a></p>
<p>jQuery PhotoShoot gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.</p>
<h3><a href="http://workshop.rs/projects/jqfancytransitions/" target="_blank">jqFancyTransitions</a></h3>
<p><a href="http://workshop.rs/projects/jqfancytransitions/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_7.jpg" alt="jquery" /></a></p>
<p> jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. It&#8217;s compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+. </p>
<h3><a href="http://swizec.com/code/styledButton/" target="_blank">jQuery imageless buttons a la Google</a></h3>
<p><a href="http://swizec.com/code/styledButton/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_10.jpg" alt="jquery" /></a></p>
<p>This jQuery plugin is an attempt to recreate Google&#8217;s imageless buttons and prove that it doesn&#8217;t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off.</p>
<h3><a href="http://www.visop-dev.com/uploads/3/1/3/8/313814/jquery.sheet.html" target="_blank">jQuery.sheet</a></h3>
<p><a href="http://www.visop-dev.com/uploads/3/1/3/8/313814/jquery.sheet.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_11.jpg" alt="jquery" /></a></p>
<p>jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations.</p>
<h3><a href="http://gettopup.com/" target="_blank">TopUp</a></h3>
<p><a href="http://gettopup.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_12.jpg" alt="jquery" /></a></p>
<p>TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery  and jQuery UI driven in order to maintain cross-browser compatibility and compactness.</p>
<h3><a href="http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/" target="_blank">jquery mb.extruder</a></h3>
<p><a href="http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/04/new_jquery_13.jpg" alt="jquery" /></a></p>
<p>This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/14-fresh-and-useful-jquery-plugins/feed</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>10 Excellent Tools for Creating Web Design Wireframes</title>
		<link>http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes</link>
		<comments>http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes#comments</comments>
		<pubDate>Tue, 30 Mar 2010 05:22:00 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4494</guid>
		<description><![CDATA[When starting a new web design project, it&#8217;s always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements. Wireframes can be a big time saver as they help all parties involved come to an [...]]]></description>
			<content:encoded><![CDATA[<p>When starting a new web design project, it&#8217;s always a good idea to begin with a <a href="http://webdesignledger.com/freebies/a-ui-design-and-prototyping-treasure-chest">wireframe</a>. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements. Wireframes can be a big time saver as they help all parties involved come to an agreement on placement of major page elements such as headers, content areas, navigation menus, and footers. The key is to get the layout nailed down so major layout changes won&#8217;t take place once detailed design elements are in place.</p>
<p>There are several different routes that a designer can take for creating wireframes, and there are even applications designed specifically for this. For this article, we&#8217;ve rounded up <strong>10 excellent tools for creating wireframes</strong>.<span id="more-4494"></span></p>
<h3><a href="http://www.mockflow.com/" target="_blank">MockFlow</a></h3>
<p><a href="http://www.mockflow.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_1.jpg" alt="wireframing" /></a></p>
<p>MockFlow allows you to design and collaborate (in real-time) user interface mockups for your software and websites. It comes with numerous built-in components &#038; icons.</p>
<h3><a href="http://www.axure.com/Default.aspx" target="_blank">Axure</a></h3>
<p><a href="http://www.axure.com/Default.aspx" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_6.jpg" alt="wireframing" /></a></p>
<p>Axure enables application designers to create wireframes, flow diagrams, prototypes, and specifications for applications and web sites. It lets you use ready-made widgets including buttons, form fields, shapes, and dynamic elements that you can edit and format in a familiar environment. Or you can create your own custom widget libraries.</p>
<h3><a href="http://www.balsamiq.com/products/mockups" target="_blank">Balsamiq Mockups</a></h3>
<p><a href="http://www.balsamiq.com/products/mockups" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_7.jpg" alt="wireframing" /></a></p>
<p>Using Balsamiq Mockups feels like you are drawing, but it&#8217;s digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. With 75 pre-built controls to choose from, you can design anything from a super-simple dialog box to a full-fledged application, from a simple website to a Rich Internet Application.</p>
<h3><a href="http://www.evolus.vn/Pencil/" target="_blank">Pencil Project</a></h3>
<p><a href="http://www.evolus.vn/Pencil/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_2.jpg" alt="wireframing" /></a></p>
<p>The Pencil Project is a free addon for Firefox. Some key features include: built-in stencils, multi-page document support, and multiple export options.</p>
<h3><a href="http://www.hotgloo.com/" target="_blank">HotGloo</a></h3>
<p><a href="http://www.hotgloo.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_3.jpg" alt="wireframing" /></a></p>
<p>HotGloo is completely web based with lots of features that let&#8217;s you drag and drop and scale items easily. It also has support for realtime collaboration.</p>
<h3><a href="http://gomockingbird.com/" target="_blank">Mockingbird</a></h3>
<p><a href="http://gomockingbird.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_4.jpg" alt="wireframing" /></a></p>
<p>Mockingbird is another web app with a focus on collaboration. It allows you to link multiple mockups together and preview them interactively to get a feel for the flow of your application.</p>
<h3><a href="http://cacoo.com/" target="_blank">Cacoo</a></h3>
<p><a href="http://cacoo.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_5.jpg" alt="wireframing" /></a></p>
<p>Cacoo is an online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. </p>
<h3><a href="http://www.protoshare.com/" target="_blank">ProtoShare</a></h3>
<p><a href="http://www.protoshare.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_8.jpg" alt="wireframing" /></a></p>
<p>ProtoShare is an easy-to-use, Web-based prototyping tool with a focus on collaboration. Team members can review work and provide timely feedback, ideas, and suggestions on clickable wireframes or creative content.</p>
<h3><a href="http://iplotz.com/index.php" target="_blank">iPlotz</a></h3>
<p><a href="http://iplotz.com/index.php" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_9.jpg" alt="wireframing" /></a></p>
<p>iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications.</p>
<h3><a href="http://www.omnigroup.com/products/omnigraffle/" target="_blank">OmniGraffle</a></h3>
<p><a href="http://www.omnigroup.com/products/omnigraffle/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/03/wireframe_tools_10.jpg" alt="wireframing" /></a></p>
<p>OmniGraffle is an app for Mac OS that gives you plenty of tools to create amazing wireframes and mockups, but it&#8217;s also great for creating all kinds of charts and diagrams as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes/feed</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
	</channel>
</rss>
