<?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 Dev &#187; Free Web Tools</title>
	<atom:link href="http://www.webdesigndev.com/tag/free-web-tools/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webdesigndev.com</link>
	<description></description>
	<lastBuildDate>Mon, 06 Feb 2012 16:30:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>16 Tools And Generators For Web Designers</title>
		<link>http://www.webdesigndev.com/roundups/16-tools-and-generators-for-web-designers</link>
		<comments>http://www.webdesigndev.com/roundups/16-tools-and-generators-for-web-designers#comments</comments>
		<pubDate>Thu, 16 Jul 2009 16:25:26 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Roundups]]></category>
		<category><![CDATA[1KB CSS Grid]]></category>
		<category><![CDATA[Color Palette Generator]]></category>
		<category><![CDATA[CSS Tab Generator]]></category>
		<category><![CDATA[Custom Twitter Application]]></category>
		<category><![CDATA[Flash Slideshow Generator]]></category>
		<category><![CDATA[Free Web Tools]]></category>
		<category><![CDATA[Template Generators]]></category>
		<category><![CDATA[Tools And Generators For Web Designers]]></category>
		<category><![CDATA[Web Generators]]></category>
		<category><![CDATA[Web Tools]]></category>
		<category><![CDATA[Wordpress Theme Generators]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=1825</guid>
		<description><![CDATA[Calling all web designers and developers! Here is an unmissable list of helpful web tools you need to check out if you haven't already. On the list are color palette generators, available domain name finders, template makers, CSS grids and much more!]]></description>
			<content:encoded><![CDATA[<p>Calling all web designers and developers! Here is an unmissable list of helpful web tools you need to check out if you haven&#8217;t already. On the list are color palette generators, available domain name finders, template makers, CSS grids and much more! If you have any more tools / generators you would like to share with us, then please feel free to drop in a comment and we will add it to the next list. Remember to click on the images to visit each tool.</p>
<h3><strong>Adobe Kuler</strong></h3>
<p>Kuler has got to be one of the best color tools on the net at present. It can generate you so many different types of color palettes based on many different rules.</p>
<p><a href="http://kuler.adobe.com" target="_blank"><img class="alignnone size-full wp-image-1837" title="10" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/104.jpg" alt="10" width="542" height="269" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>OpenKapow</strong></h3>
<p>Build your own web mashups (called robots) using OpenKapow. There are many examples and demos that are ready for you to download. These include Google Maps, eBay, Amazon, RSS Feeds and more! And the best thing is you don&#8217;t have to write any code.</p>
<p><a href="http://openkapow.com" target="_blank"><img class="alignnone size-full wp-image-1826" title="1" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/118.jpg" alt="1" width="542" height="145" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Toufee</strong></h3>
<p>With Toufee, you can create amazing flash slide-shows and movies using the Toufee maker. You can put these slide-shows / movies on your website very quickly, and without any programming skills needed.</p>
<p><a href="http://www.toufee.com" target="_blank"><img class="alignnone size-full wp-image-1827" title="2" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/217.jpg" alt="2" width="542" height="302" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>WordPress Theme Generator</strong></h3>
<p>This fantastic online generator created a custom and unique WordPress Theme based on what you input into the boxes and dropdowns. You don&#8217;t need any HTML, CSS or ,PHP knowledge. Just fill out the form and your done! You can customize the colours, layout and even preview it live on the right pane.</p>
<p><a href="http://www.yvoschaap.com/wpthemegen/" target="_blank"><img class="alignnone size-full wp-image-1828" title="3" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/36.jpg" alt="3" width="542" height="268" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>1KB CSS Grid</strong></h3>
<p>The 1KB CSS Grid is a lightweight approach to creating a grid system. Simply select the number of columns you want, the column width and gutter width and your sorted!</p>
<p><a href="http://www.1kbgrid.com" target="_blank"><img class="alignnone size-full wp-image-1839" title="12" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/124.jpg" alt="12" width="542" height="157" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Custom Branded Twitter Application</strong></h3>
<p>This is a very clever way of making a custom tool, so that when you tweet, you will be placing a direct link to your website on every one of your followers home pages. Amazing! Plus its non spammy.</p>
<p><a href="http://www.codingthewheel.com/archives/codingthetweet" target="_blank"><img class="alignnone size-full wp-image-1829" title="4" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/46.jpg" alt="4" width="542" height="282" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Bust a Name</strong></h3>
<p>Bust a Name is a very easy to use but complex domain finder tool. You can add groups, select options and bust a name will combine words and tell you what <a title="domain names" href="http://www.netfirms.ca/" target="_blank">domain names</a> are available.</p>
<p><a href="http://www.bustaname.com" target="_blank"><img class="alignnone size-full wp-image-1840" title="13" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/134.jpg" alt="13" width="542" height="252" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Ajax Loading Image</strong></h3>
<p>This is a very simple but effective tool for web designers. Most web applications and websites use preloaders. Here you can configure your very own. Just pick the preloader image, and customize the background color and foreground color.</p>
<p><a href="http://www.ajaxload.info" target="_blank"><img class="alignnone size-full wp-image-1831" title="6" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/65.jpg" alt="6" width="542" height="201" /></a></p>
<div id="in_post_ad_middle_1" style="margin: 5px;padding: 0px;"><a href="http://www.wix.com/amazingwebsites/editoreasy?utm_campaign=af_webdesigndev.com&experiment_id=af_webdesigndev.com1middlepostnewLP" target="_blank" rel="nofollow">
<img src="http://www.webdesigndev.com/expressions_website3.gif" width="300" height="250" alt="create a free website" /></a></div><p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Color Palette Generator</strong></h3>
<p>This awesome tool generates a dull and vibrant color palette from a photo or image you input. Really handy if your stuck for colors to use.</p>
<p><a href="http://www.degraeve.com/color-palette/index.php?q=http://www.degraeve.com/images/beach.jpg,3040356B9FA390AEADB1C5CB43729C,28513540C2CC8EDAD6BEEEFE005AC3" target="_blank"><img class="alignnone size-full wp-image-1843" title="15" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/155.jpg" alt="15" width="542" height="369" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Stripe Generator</strong></h3>
<p>This background stripe generator is especially useful for when you are designing in Photoshop. There are so many configurable options for you to choose from.</p>
<p><a href="http://www.stripegenerator.com" target="_blank"><img class="alignnone size-full wp-image-1830" title="5" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/55.jpg" alt="5" width="542" height="283" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Buttonator</strong></h3>
<p>With Buttonator, you can make buttons for your website in a matter of seconds. Simple choose your button style, configure the font style, size etc, button size&#8217;s and your sorted. Download and start using on your website.</p>
<p><img class="alignnone size-full wp-image-1832" title="7" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/75.jpg" alt="7" width="542" height="232" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Web Template Builder</strong></h3>
<p>This is one of the best free template generators out there. You can have a working template in 3 easy steps. Pick your template, customize the colors, fonts, titles, corners, and then download it for free!</p>
<p><a href="http://www.dotemplate.com" target="_blank"><img class="alignnone size-full wp-image-1833" title="8" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/85.jpg" alt="8" width="542" height="213" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>CSS Typeset</strong></h3>
<p>CSS Typeset is a handy tool that generates pure CSS code to put in your CSS Stylesheet based on what options you inputted. Customize fonts, sizes, colours, and alignments.</p>
<p><a href="http://csstypeset.com" target="_blank"><img class="alignnone size-full wp-image-1834" title="9" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/95.jpg" alt="9" width="542" height="205" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Make Words</strong></h3>
<p>Make words is a domain name generator. You simple enter the min and max length of the domain name you want it to generate, and what you want it to start and end with, and it will generate you a nice list of domains, and tell you if they are available to register.</p>
<p><a href="http://www.makewords.com" target="_blank"><img class="alignnone size-full wp-image-1838" title="11" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/119.jpg" alt="11" width="542" height="185" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Rounded Cornr</strong></h3>
<p>Ever wanted to easily create rounded corners? Well now you can with this simple tool. All you have to do is select the corner radius, the background color and the box color. There is even an option for gradient overlays!</p>
<p><img class="alignnone size-full wp-image-1841" title="14" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/144.jpg" alt="14" width="542" height="206" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Navigation Tabs Generator</strong></h3>
<p>This handy web tool will generate you a set of CSS tabs to use on your website. You can edit the CSS code, and get a live preview of what your tabs will look like.</p>
<p><a href="http://www.pagecolumn.com/tool/top_tabs_generator.htm" target="_blank"><img class="alignnone size-full wp-image-1844" title="16" src="http://www.webdesigndev.com/wp-content/uploads/2009/07/164.jpg" alt="16" width="542" height="181" /></a></p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 2480px; width: 1px; height: 1px;">http://www.dotemplate.com</div>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/roundups/16-tools-and-generators-for-web-designers/feed</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
		<item>
		<title>10 Web Tools All Great Web Designs Should Use</title>
		<link>http://www.webdesigndev.com/roundups/10-web-tools-all-great-web-designs-should-use</link>
		<comments>http://www.webdesigndev.com/roundups/10-web-tools-all-great-web-designs-should-use#comments</comments>
		<pubDate>Tue, 09 Jun 2009 15:12:20 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Roundups]]></category>
		<category><![CDATA[Billing Managment Tools]]></category>
		<category><![CDATA[Free Online Web Development Tools]]></category>
		<category><![CDATA[Free Web Tools]]></category>
		<category><![CDATA[Freelancer Web Tools]]></category>
		<category><![CDATA[Must Have Web Tools]]></category>
		<category><![CDATA[Tools All Designers Should Use]]></category>
		<category><![CDATA[Web Design Business Tools]]></category>
		<category><![CDATA[Web Designer Tools]]></category>
		<category><![CDATA[Web Toolbox]]></category>
		<category><![CDATA[Web Tools]]></category>
		<category><![CDATA[Web Tools For Freelancers]]></category>
		<category><![CDATA[Web Tools For Web Designers]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=989</guid>
		<description><![CDATA[I have put together a nice list of 10 web tools all great web designers / freelancers should use. These 10 web tools are outstanding, and can really help web designers out, aswell as reducing the time they need to sort things out, leaving more time to design.]]></description>
			<content:encoded><![CDATA[<p>Web applications are becoming more and more used as time goes on. Heck, even browsers are being designed around them (<a href="http://www.google.com/chrome" target="_blank">Chrome</a>). I have put together a nice list of 10 web tools all great web designers / freelancers should use. These 10 web tools are outstanding, and can really help web designers out, aswell as reducing the time they need to sort things out, leaving more time to design.</p>
<h3>Freshbooks</h3>
<p>Freshbooks is an online application that allows web designers / freelancers to easily track time and bill their clients. Within your control panel, you can perform multiple tasks. It generates reports and estimates, you can have your own custom invoice design, and add clients and team members. Its a must have. Plus there are free accounts aswell as paid accounts!</p>
<p><a href="http://www.freshbooks.com" target="_blank"><img class="alignnone size-full wp-image-1029" title="116" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/116.jpg" alt="116" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>GrabUp</h3>
<p>This is a great file sharing service for the average web designer. Just simple download the free software, then begin to upload your files and share them with your clients. Nice and simple!</p>
<p><a href="http://grabup.com" target="_blank"><img class="alignnone size-full wp-image-1030" title="212" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/212.jpg" alt="212" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Dropbox</h3>
<p>Dropbox is one of the best tools online at the moment. You can download the software for mac, windows or Linux and simply drag and drop your files straight into your Dropbox folder, and it will upload them to the internet. You can share them between computers easily, and also there is a web control panel to manage your files. You can paste your Dropbox file links with clients easily and effectively.</p>
<p><a href="https://www.getdropbox.com" target="_blank"><img class="alignnone size-full wp-image-1031" title="310" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/310.jpg" alt="310" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Google Analytics</h3>
<p>Analytics is an amazing free stats tool created by Google. You simply add the small code to your website, and your stats will be updated daily. You can view your stats in many different types of graphs, and you can track visitors, content and much more. Its simple amazing, and you can spend hours looking over your stats.</p>
<p><a href="http://www.google.com/analytics/" target="_blank"><img class="alignnone size-full wp-image-1032" title="412" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/412.jpg" alt="412" width="542" height="200" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>IceBrrg</h3>
<p>Icebrrg makes web forms simple. You simply sign up for an Icebrrg account, create your form and paste the code into your website. You can see your results right from within your Icebrrg control panel too!</p>
<p><a href="http://www.icebrrg.com" target="_blank"><img class="alignnone size-full wp-image-1033" title="54" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/54.jpg" alt="54" width="542" height="250" /></a></p>
<div id="in_post_ad_middle_1" style="margin: 5px;padding: 0px;"><a href="http://www.wix.com/amazingwebsites/editoreasy?utm_campaign=af_webdesigndev.com&experiment_id=af_webdesigndev.com1middlepostnewLP" target="_blank" rel="nofollow">
<img src="http://www.webdesigndev.com/expressions_website3.gif" width="300" height="250" alt="create a free website" /></a></div><p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>CrazyEgg</h3>
<p>CrazyEgg is a brilliant web tool for analyzing your website. You can login to your CrazyEgg control panel and see website referrers, where users have clicked on your site, hot places to click, and much more. Its a tool worth looking into.</p>
<p><a href="http://crazyegg.com" target="_blank"><img class="alignnone size-full wp-image-1034" title="64" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/64.jpg" alt="64" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>FireBug</h3>
<p>Firebug is a web development plugin for Firefox. It analyzes your code, monitor, edit and debug. Its a reel of web tools in one. And best of all its free. You can even see how long it takes for web pages to load.</p>
<p><a href="http://getfirebug.com" target="_blank"><img class="alignnone size-full wp-image-1035" title="74" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/74.jpg" alt="74" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>What The Font!</h3>
<p>Ever seen a font on a website and thought i want to use that in one of my designs. Well What The Font is an awesome tool where you can upload an image of the font you wish to identify, or input the url. What the font will identify the font and tell you where you can download / buy it.</p>
<p><a href="http://new.myfonts.com/WhatTheFont/" target="_blank"><img class="alignnone size-full wp-image-1036" title="84" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/84.jpg" alt="84" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>BrowserShots</h3>
<p>When you are designing a website on a certain operating system, usually you use a certain browser to test what it looks like. Instead of logging on other operating systems, downloading multiple browsers and loading all of them up to check if your design works with them, Browser Shots takes a snapshot of your design in multiple browsers. You can select which browser screenshots your want from multiple operating systems, and then BrowserShots gives you images from all of the browsers you selected. Its a brilliant tool for all web designers.</p>
<p><a href="http://browsershots.org" target="_blank"><img class="alignnone size-full wp-image-1037" title="94" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/94.jpg" alt="94" width="542" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Toodledo</h3>
<p>Freelancers and web designers need to manage projects and what they need to complete every day. Toodledo is a free, easy to use to-do list. There is even an app for the iPhone, and you can access your to-do lists anywhere you have an internet connection.</p>
<p><a href="http://www.toodledo.com" target="_blank"><img class="alignnone size-full wp-image-1038" title="104" src="http://www.webdesigndev.com/wp-content/uploads/2009/06/104.jpg" alt="104" width="542" height="250" /></a></p>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/roundups/10-web-tools-all-great-web-designs-should-use/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: basic
Object Caching 485/526 objects using disk: basic

Served from: www.webdesigndev.com @ 2012-02-12 13:52:39 -->
