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

<channel>
	<title>MakeUseOf Directory &#187; Webdesign</title>
	<atom:link href="http://www.makeuseof.com/dir/cat/web-services/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.makeuseof.com/dir</link>
	<description></description>
	<lastBuildDate>Fri, 10 Feb 2012 18:01:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Quirk Wires: Easily Build Web Page Wireframes In Your Browser</title>
		<link>http://www.makeuseof.com/dir/quirk-wires-build-wireframes/</link>
		<comments>http://www.makeuseof.com/dir/quirk-wires-build-wireframes/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 02:01:15 +0000</pubDate>
		<dc:creator>Dave LeClair</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45899</guid>
		<description><![CDATA[Wireframes are a great way to lay out a schematic of what you want a website to look like. They make it easy for web developers to make a plan for how a website should look and how it should function. Quirk Wires makes creating wireframes as easy as possible and it allows you to [...]]]></description>
			<content:encoded><![CDATA[<p>Wireframes are a great way to lay out a schematic of what you want a website to look like. They make it easy for web developers to make a plan for how a website should look and how it should function. Quirk Wires makes creating wireframes as easy as possible and it allows you to create them right from your browser without having to download anything to your computer.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/quirkwires1.png?570cd5" alt="build wireframes" /></p>
<p>Quirk Wires allows you to create multiple pages, so you can literally design an entire website from your web browser. You can add all kinds of widgets to the page such as icons, tabs text boxes and many more. If there is something you need on your wireframe, the chances are great that Quirk Wires will have it. You can also have multiple projects going at once, but free accounts are limited to three. If you need more than three accounts you can upgrade to a premium account.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/quirkwires2.png?570cd5" alt="wires" /></p>
<p>You can create your project in all different sizes, including the screen size for an iPhone. This allows you to craft your wireframes in the exact resolution of the device it will be displayed on.</p>
<p>Features:</p>
<ul>
<li>Create functioning wireframes in your web browser.</li>
<li>Keyboard shortcuts makes the creation process easier.</li>
<li>Supports multiple projects at once.</li>
<li>All kinds of widgets for your wireframe.</li>
<li>Multiple pages on each project.</li>
<li>Ability to share project with others.</li>
<li>Similar tools:<a title="FrameBox: Sketch Wireframes For Webdesign In Seconds" href="http://www.makeuseof.com/dir/framebox-sketch-wireframes/">FrameBox</a>, <a href="http://www.makeuseof.com/dir/iplotz-create-website-wireframes/">iPlotz</a>, <a href="http://www.makeuseof.com/dir/navflow-navigation-testing/">NavFlow</a>, or read <a href="http://www.makeuseof.com/tag/3-tools-create-mockup-designs-wireframes-online/">3 Tools to Create Mock-up Designs and Wireframes Online</a>.</li>
</ul>
<p>Find Quirk Wires @ <a href="http://quirktools.com/wires/">www.quirktools.com/wires</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45899-bottom'></div><script language='javascript'>var conf_45899 = {
							APIKey: ''
    					};
						
    					var image45899 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/quirkwires1.png',href:'http://www.makeuseof.com/dir/quirk-wires-build-wireframes/',type:'image'};
						var ua_45899 = new gigya.services.socialize.UserAction(); 
						ua_45899.setUserMessage('');  
						ua_45899.setLinkBack('http://www.makeuseof.com/dir/quirk-wires-build-wireframes/'); 
						ua_45899.setTitle('Quirk Wires: Easily Build Web Page Wireframes In Your Browser');
						ua_45899.addMediaItem(image45899);	
		

						var params_45899 ={ 
							userAction:ua_45899,
							cssPrefix:'#gig-div-buttons-45899-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45899-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45899,params_45899);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/quirk-wires-build-wireframes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logaster: Create Simple Yet Professional Looking Logos Online</title>
		<link>http://www.makeuseof.com/dir/logaster-create-simple-professional-logos-online/</link>
		<comments>http://www.makeuseof.com/dir/logaster-create-simple-professional-logos-online/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 04:01:08 +0000</pubDate>
		<dc:creator>Hammad</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45805</guid>
		<description><![CDATA[If you are looking for a website that allows you to create a stylish, yet professional looking logo in no time, check Logaster. Logaster is an online website that allows users to create logo in a matter of seconds for free and the logo itself is full of quality and elegance – making sure your [...]]]></description>
			<content:encoded><![CDATA[<p>If you are looking for a website that allows you to create a stylish, yet professional looking logo in no time, check Logaster.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/Logoster-Editor.jpg?570cd5" alt="create professional looking logos" /></p>
<p>Logaster is an online website that allows users to create logo in a matter of seconds for free and the logo itself is full of quality and elegance – making sure your business looks as good as anything. The website has a massive library of templates, which users can select.</p>
<p>Once you are on the “Create a LOGO” page, enter your Company Name, the slogan and the type of business you own. You can then select a logo from the templates library and save it if you are satisfied. You can change the position of the logo as well from Edit Logo options.</p>
<p>There are three pricing plans available to choose from – Free, Standard and Pro.</p>
<p>Features</p>
<ul>
<li>Free package also available in pricing plan.</li>
<li>Make logos for business quickly, and easily.</li>
<li>There are many great logos to choose from.</li>
<li>Similar tools: <a title="Logotype Maker: Create Professional Logos Online" href="http://www.makeuseof.com/dir/logotype-maker-create-professional-logos-online/">Logotype Maker</a>, <a title="Logo Maker: Easily Create Logos [Chrome]" href="http://www.makeuseof.com/dir/logo-maker-easily-create-type-logo-chrome/">Logo Maker</a>, <a href="http://www.makeuseof.com/dir/freelogocreator-simple-logo-designer/">FreeLogoCreator</a>, <a href="http://www.makeuseof.com/dir/3dtextmaker-create-3d-text-images-seconds/">3D-Text-Maker</a>, <a href="http://www.makeuseof.com/dir/coolrgb-generate-logos-buttons-online/">CoolRGB</a>, <a href="http://www.makeuseof.com/dir/creatr/">Creatr</a>, <a href="http://www.makeuseof.com/dir/logoease-cool-web-based-logo-creator/">LogoEase</a> and <a href="http://www.makeuseof.com/dir/cool-text/">Cool Text</a>.</li>
</ul>
<p>Check out Logaster @ <a href="https://www.logaster.com/">www.logaster.com</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45805-bottom'></div><script language='javascript'>var conf_45805 = {
							APIKey: ''
    					};
						
    					var image45805 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/Logoster-Editor.jpg',href:'http://www.makeuseof.com/dir/logaster-create-simple-professional-logos-online/',type:'image'};
						var ua_45805 = new gigya.services.socialize.UserAction(); 
						ua_45805.setUserMessage('');  
						ua_45805.setLinkBack('http://www.makeuseof.com/dir/logaster-create-simple-professional-logos-online/'); 
						ua_45805.setTitle('Logaster: Create Simple Yet Professional Looking Logos Online');
						ua_45805.addMediaItem(image45805);	
		

						var params_45805 ={ 
							userAction:ua_45805,
							cssPrefix:'#gig-div-buttons-45805-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45805-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45805,params_45805);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/logaster-create-simple-professional-logos-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coding App: Online Coding Tool Without All The Complicated Extras</title>
		<link>http://www.makeuseof.com/dir/tekzr-online-coding-tools/</link>
		<comments>http://www.makeuseof.com/dir/tekzr-online-coding-tools/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 02:01:46 +0000</pubDate>
		<dc:creator>Dave LeClair</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45784</guid>
		<description><![CDATA[Coding App, which is a working title, is a web app designed to make programming a little easier for web developers. It is designed to help developers become more productive and creative. It is a no fluff programming application that is designed with web programmers in mind. It is great for people who need some [...]]]></description>
			<content:encoded><![CDATA[<p>Coding App, which is a working title, is a web app designed to make programming a little easier for web developers. It is designed to help developers become more productive and creative. It is a no fluff programming application that is designed with web programmers in mind. It is great for people who need some help staying focused and accomplishing tasks that they could never get done on their own.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/codingapp1.png?570cd5" alt="online coding tools" /></p>
<p>What makes this application so awesome is that it actually helps with managing time for things that always wanted do, but couldn&#8217;t do at all or couldn&#8217;t do well. It manages all those time consuming tasks that some programmers get stuck on. Not only does it manage time consuming tasks, it actually automates some of the more repetitive processes. This allows programmers to optimize their work and get more done. Programming can be a long, time consuming process, and an application like this is a great way to get more done, and improve your coding.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/codingapp2.png?570cd5" alt="tekzr" /></p>
<p>They are in beta right now, so you will need to request a beta invite to get in the program. On their website, you simply need to enter your email and when a spot opens, they will notify you.</p>
<p>Features:</p>
<ul>
<li>Handy web based coding app for web developers.</li>
<li>Keeps all the complicated stuff out of the way.</li>
<li>Manages time consuming tasks that programmers don&#8217;t like to do.</li>
<li>Automates repetitive tasks.</li>
<li>Similar tools: <a title="Waterbear: Scratch-Like Visual Programming For Javascript" href="http://www.makeuseof.com/dir/waterbear-programming-for-javascript-coding/">Waterbear</a>, <a href="http://www.makeuseof.com/dir/akshell-browserbased-ide-developing-javascript-web-apps/">Akshell</a>, <a href="http://www.makeuseof.com/dir/ecoder/">Ecoder</a> and <a href="http://www.makeuseof.com/dir/phpanywhere-online-php-editor/">PHPAnywhere</a>.</li>
<li>Also read related article: <a href="http://www.makeuseof.com/tag/top-3-browser-based-ides-code-cloud-2/">The Top 3 Browser-Based IDE’s To Code In The Cloud</a>.</li>
</ul>
<p>Find Coding App @ <a href="http://tekzr.com/">www.tekzr.com</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45784-bottom'></div><script language='javascript'>var conf_45784 = {
							APIKey: ''
    					};
						
    					var image45784 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/codingapp1.png',href:'http://www.makeuseof.com/dir/tekzr-online-coding-tools/',type:'image'};
						var ua_45784 = new gigya.services.socialize.UserAction(); 
						ua_45784.setUserMessage('');  
						ua_45784.setLinkBack('http://www.makeuseof.com/dir/tekzr-online-coding-tools/'); 
						ua_45784.setTitle('Coding App: Online Coding Tool Without All The Complicated Extras');
						ua_45784.addMediaItem(image45784);	
		

						var params_45784 ={ 
							userAction:ua_45784,
							cssPrefix:'#gig-div-buttons-45784-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45784-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45784,params_45784);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/tekzr-online-coding-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BuildChatter: Create Professional Facebook Applications In Minutes [10 Premium Accounts Giveaway]</title>
		<link>http://www.makeuseof.com/dir/buildchatter-create-professional-facebook-applications-minutes-10-premium-accounts-giveaway/</link>
		<comments>http://www.makeuseof.com/dir/buildchatter-create-professional-facebook-applications-minutes-10-premium-accounts-giveaway/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 20:01:35 +0000</pubDate>
		<dc:creator>TehseenBaweja</dc:creator>
				<category><![CDATA[Socialize]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45765</guid>
		<description><![CDATA[With 850 million users and counting, Facebook is the ultimate platform to interact with your users. Even though most people know this can be done with Facebook Applications, they don&#8217;t proceed further because of the complexity of creating a Facebook app. Well, let&#8217;s just say BuildChatter changes that perspective completely. BuildChatter is a sophisticated, yet [...]]]></description>
			<content:encoded><![CDATA[<p>With 850 million users and counting, Facebook is the ultimate platform to interact with your users. Even though most people know this can be done with Facebook Applications, they don&#8217;t proceed further because of the complexity of creating a Facebook app. Well, let&#8217;s just say BuildChatter changes that perspective completely.</p>
<p>BuildChatter is a sophisticated, yet user-friendly, tool that lets you build applications for Facebook without writing a single line of code. You can choose a variety of application types to create including Fanpage, Video showcase, Gifting, Voting Contests, Boutique, Sweepstakes, Coupons, Showrooms, Quizzes, Polls and more.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/fb1.png?570cd5" alt="create facebook application" /></p>
<p>Each application type has features very specific to it, so it&#8217;s not a one-theme-fits-all kind of tool. For example if you decide to build a Boutique app, you will start with the design elements of your app specifying header, title background and colors. Then you can add details about your items, set up settings for how users can share content from your app and then finally set up the payment via PayPal or link to a merchant website.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/fb2.png?570cd5" alt="buildchatter" /></p>
<p>All the text that needs to be inserted in an application is entered through a rich text editor so you can customize fonts, colors and insert links and images. For each app type, you get specific instructions on how to build the application in minutes. Once created, you can also manage all your campaigns from BuildChatter.</p>
<p>By default BuildChatter offers you a free trial of 10 days, but right now they are giving away 10 x 1 year premium accounts to MakeUseOf users. To obtain the free license leave comment below. The free licenses are given away on first come first served basis.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/fb3.png?570cd5" alt="" /></p>
<p>Features:</p>
<ul>
<li>Create Facebook apps without writing a line of code.</li>
<li>Around 15 different application types.</li>
<li>Choose design details and customize the look of your app.</li>
<li>Instructions for each app type provided.</li>
<li>Manage campaigns from one platform.</li>
</ul>
<p>Visit BuildChatter @ <a href="http://buildchatter.com/">http://buildchatter.com</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45765-bottom'></div><script language='javascript'>var conf_45765 = {
							APIKey: ''
    					};
						
    					var image45765 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/fb1.png',href:'http://www.makeuseof.com/dir/buildchatter-create-professional-facebook-applications-minutes-10-premium-accounts-giveaway/',type:'image'};
						var ua_45765 = new gigya.services.socialize.UserAction(); 
						ua_45765.setUserMessage('');  
						ua_45765.setLinkBack('http://www.makeuseof.com/dir/buildchatter-create-professional-facebook-applications-minutes-10-premium-accounts-giveaway/'); 
						ua_45765.setTitle('BuildChatter: Create Professional Facebook Applications In Minutes [10 Premium Accounts Giveaway]');
						ua_45765.addMediaItem(image45765);	
		

						var params_45765 ={ 
							userAction:ua_45765,
							cssPrefix:'#gig-div-buttons-45765-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45765-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45765,params_45765);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/buildchatter-create-professional-facebook-applications-minutes-10-premium-accounts-giveaway/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BearCSS: Create CSS Stylesheets Using HTML</title>
		<link>http://www.makeuseof.com/dir/bearcss-create-css-stylesheets-html/</link>
		<comments>http://www.makeuseof.com/dir/bearcss-create-css-stylesheets-html/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 02:01:07 +0000</pubDate>
		<dc:creator>Hammad</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45644</guid>
		<description><![CDATA[If you want to create a prefect stylesheet (CSS) based on your HTML markup, then check out Bear CSS. BearCSS is a handy tool for web designers, who want to create stylesheets using your markup. All you have to do is write your HTML, upload it and Bear CSS will automatically generate a CSS template [...]]]></description>
			<content:encoded><![CDATA[<p>If you want to create a prefect stylesheet (CSS) based on your HTML markup, then check out Bear CSS.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/BearCss.jpg?570cd5" alt="create css style sheets" /></p>
<p>BearCSS is a handy tool for web designers, who want to create stylesheets using your markup. All you have to do is write your HTML, upload it and Bear CSS will automatically generate a CSS template based on HTML elements you used.</p>
<p>To use the service, just click on the “Upload HTML” button and choose the HTML file from which you want the markups taken from – the website will automatically check the HTML elements and draw up a CSS template file from the HTML one.</p>
<p>Once done, you can download the CSS file to your local computer and use it in whatever way you want.</p>
<p>Features</p>
<ul>
<li>Simple and easy to use.</li>
<li>Effective way to draw up CSS template stylesheet without errors.</li>
<li>Saves time as CSS template file is chalked up using your own made HTML file.</li>
<li>Similar sites: <a href="http://www.makeuseof.com/dir/csspivot-add-custom-css-style/">Csspivot</a>, <a href="http://www.makeuseof.com/dir/css3-generator-create-css3-gradient/">CSS3-Generator</a>, <a href="http://www.makeuseof.com/dir/typeset-style-generator-create-typesets-css-code/">Typeset Style Generator</a>, <a href="http://www.makeuseof.com/dir/css-prefixer-automatically-add-vendor-prefixes-css-web-browsers/">CSSPrefixer</a>, <a href="http://www.makeuseof.com/dir/csswarp-create-warped-text/">CSS Warp</a>, <a href="http://www.makeuseof.com/dir/textsnip/">TextSnip</a> and <a href="http://www.makeuseof.com/dir/codepad-check-your-code/">Codepad</a>.</li>
</ul>
<p>Check out BearCSS @ <a href="http://bearcss.com/">www.bearcss.com</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45644-bottom'></div><script language='javascript'>var conf_45644 = {
							APIKey: ''
    					};
						
    					var image45644 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/02/BearCss.jpg',href:'http://www.makeuseof.com/dir/bearcss-create-css-stylesheets-html/',type:'image'};
						var ua_45644 = new gigya.services.socialize.UserAction(); 
						ua_45644.setUserMessage('');  
						ua_45644.setLinkBack('http://www.makeuseof.com/dir/bearcss-create-css-stylesheets-html/'); 
						ua_45644.setTitle('BearCSS: Create CSS Stylesheets Using HTML');
						ua_45644.addMediaItem(image45644);	
		

						var params_45644 ={ 
							userAction:ua_45644,
							cssPrefix:'#gig-div-buttons-45644-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45644-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45644,params_45644);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/bearcss-create-css-stylesheets-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Colorblind Assistant: Get Information About The Color Your Mouse Cursor Is On</title>
		<link>http://www.makeuseof.com/dir/colorblind-assistant-information-about-the-colors/</link>
		<comments>http://www.makeuseof.com/dir/colorblind-assistant-information-about-the-colors/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 22:01:13 +0000</pubDate>
		<dc:creator>Umar</dc:creator>
				<category><![CDATA[Health / Sports]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[color]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45414</guid>
		<description><![CDATA[People who suffer from colorblindness need tools to help them identify the colors they are viewing on a computer screen. Thankfully such tools exist and many of them are freely available online. One such tool that helps colorblind people as well as web developers is Colorblind Assistant. Colorblind Assistant is a free to use desktop [...]]]></description>
			<content:encoded><![CDATA[<p>People who suffer from colorblindness need tools to help them identify the colors they are viewing on a computer screen. Thankfully such tools exist and many of them are freely available online. One such tool that helps colorblind people as well as web developers is Colorblind Assistant.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/Colorblind.jpg?570cd5" alt="information about the colors" /></p>
<p>Colorblind Assistant is a free to use desktop application for Windows computers. The app helps its users by revealing information about the color their mouse pointer is resting on. After you install the application, you will find its information window in the bottom right corner. This window reveals the name and codes of the color your mouse pointer is on; you can find the RGB and HEX codes clearly written under the name of the color.</p>
<p>Colorblind people can simply read the color name to know which color they are seeing and web developers can use the color codes to replicate the color in their designs.</p>
<p>Features:</p>
<ul>
<li>A user-friendly desktop app.</li>
<li>Compatible with Windows computers.</li>
<li>Names the colors your mouse pointer is placed on.</li>
<li>Provides the RGB and HEX codes for the colors.</li>
<li>Similar tools: <a title="ColorHexa: Get Useful Information About Any Color" href="http://www.makeuseof.com/dir/colorhexa-information-about-colors/">ColorHexa</a>, <a title="ColRD: Create Custom Color Palettes Right From Your Browser" href="http://www.makeuseof.com/dir/colrd-create-custom-color-palettes/">ColRD</a>, <a title="Wenovo Pictures To Color: Get The Color Palette Of Any Image On Your Computer" href="http://www.makeuseof.com/dir/wenovo-pictures-to-color-color-palette-of-image/">Wenovo Pictures To Color</a>, <a title="Color-Palette-Maker: Create Color Palettes That Suit Your Room &amp; Look for Similarly Colored Products" href="http://www.makeuseof.com/dir/color-palette-maker-create-color-palettes-suit-room-similarly-colored-products/">Color-Palette-Maker</a>, <a href="http://www.makeuseof.com/dir/colorhunter-create-color-palette-from-an-image/">ColorHunter</a>, <a href="http://www.makeuseof.com/dir/colorsuckr-extract-color-scheme-from-image/">ColorSuckr</a> and <a href="http://www.makeuseof.com/dir/colorschemedesigner-online-color-scheme-picker/">ColorSchemeDesigner</a>.</li>
<li>Also read related articles:
<ul>
	<a href="http://www.makeuseof.com/tag/how-to-search-for-the-perfect-color-scheme/">How To Search For the Perfect Color Scheme</a><br />
	<a href="http://www.makeuseof.com/tag/10-sites-play-colors-create-color-palettes/">10 Sites to Play with Colors and Create Color Palettes</a> </ul>
</li>
</ul>
<p>Check out Colorblind Assistant @ <a href="http://www.achronism.com/indexadv.php#Software">www.achronism.com/indexadv.php#Software</a>  (By Umar from <a href="http://www.allthatisapple.com">AllThatIsApple</a>)</p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45414-bottom'></div><script language='javascript'>var conf_45414 = {
							APIKey: ''
    					};
						
    					var image45414 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/Colorblind.jpg',href:'http://www.makeuseof.com/dir/colorblind-assistant-information-about-the-colors/',type:'image'};
						var ua_45414 = new gigya.services.socialize.UserAction(); 
						ua_45414.setUserMessage('');  
						ua_45414.setLinkBack('http://www.makeuseof.com/dir/colorblind-assistant-information-about-the-colors/'); 
						ua_45414.setTitle('Colorblind Assistant: Get Information About The Color Your Mouse Cursor Is On');
						ua_45414.addMediaItem(image45414);	
		

						var params_45414 ={ 
							userAction:ua_45414,
							cssPrefix:'#gig-div-buttons-45414-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45414-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45414,params_45414);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/colorblind-assistant-information-about-the-colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSSBorderRadiusGenerator: Generate CSS Code For Desired Border Radius</title>
		<link>http://www.makeuseof.com/dir/cssborderradiusgenerator-generate-css-borders/</link>
		<comments>http://www.makeuseof.com/dir/cssborderradiusgenerator-generate-css-borders/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 04:01:49 +0000</pubDate>
		<dc:creator>TehseenBaweja</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45262</guid>
		<description><![CDATA[Before CSS3 came into play, developers had a really hard time putting round corners in their design and usually had to go through images or multiple DIV tags. CSS3 solved that problem by introducing the Border Radius element, but it still requires you to write a few lines of code specially if you have to [...]]]></description>
			<content:encoded><![CDATA[<p>Before CSS3 came into play, developers had a really hard time putting round corners in their design and usually had to go through images or multiple DIV tags. CSS3 solved that problem by introducing the Border Radius element, but it still requires you to write a few lines of code specially if you have to specify different value for each corner. CSSBorderRadiusGenerator however lets you generate CSS code for your desired values automatically.</p>
<p>Just enter the value you want for each corner, and specify if you want support for Gecko, WebKit and CSS3. As soon as you make your choices, the tool generates CSS code for you that you can copy and use in your stylesheet. There is now download or registration required.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/css1.png?570cd5" alt="generate css borders" /></p>
<p>Features:</p>
<ul>
<li>Generate CSS code for rounded corners.</li>
<li>Specify desired value for each corner.</li>
<li>No registration required.</li>
<li>Similar tools: <a title="CSSRound: Quickly Generate Rounded Corners in CSS" href="http://www.makeuseof.com/dir/cssround-make-rounded-corners-in-css/">CSSRound</a>, <a href="http://www.makeuseof.com/dir/cornershop-make-rounded-corners-online/">CornerShop</a>, <a href="http://www.makeuseof.com/dir/html-and-css-rounded-corner-button-generator/">HTML and CSS Rounded Corner Button Generator</a> and <a href="http://www.makeuseof.com/dir/rounded-css-boxes-rounded-corners-online/">Rounded CSS Boxes</a>.</li>
</ul>
<p>Visit CSSBorderGenerator @ <a href="http://borderradius.com/">www.borderradius.com</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45262-bottom'></div><script language='javascript'>var conf_45262 = {
							APIKey: ''
    					};
						
    					var image45262 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/css1.png',href:'http://www.makeuseof.com/dir/cssborderradiusgenerator-generate-css-borders/',type:'image'};
						var ua_45262 = new gigya.services.socialize.UserAction(); 
						ua_45262.setUserMessage('');  
						ua_45262.setLinkBack('http://www.makeuseof.com/dir/cssborderradiusgenerator-generate-css-borders/'); 
						ua_45262.setTitle('CSSBorderRadiusGenerator: Generate CSS Code For Desired Border Radius');
						ua_45262.addMediaItem(image45262);	
		

						var params_45262 ={ 
							userAction:ua_45262,
							cssPrefix:'#gig-div-buttons-45262-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45262-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45262,params_45262);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/cssborderradiusgenerator-generate-css-borders/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MockUps: Share Your Design Mockups With Clients Online</title>
		<link>http://www.makeuseof.com/dir/mockups-share-design-mockups-clients-online/</link>
		<comments>http://www.makeuseof.com/dir/mockups-share-design-mockups-clients-online/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 22:01:34 +0000</pubDate>
		<dc:creator>TehseenBaweja</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[feedback]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45425</guid>
		<description><![CDATA[There are several ways for designers to share mockups with their clients including screenshots, presentations and videos, but none of them are as hassle free as MockUps. MockUps is a tool that let you quickly upload your mockup online along with a background image and share it through a custom URL. You can also choose [...]]]></description>
			<content:encoded><![CDATA[<p>There are several ways for designers to share mockups with their clients including screenshots, presentations and videos, but none of them are as hassle free as MockUps. MockUps is a tool that let you quickly upload your mockup online along with a background image and share it through a custom URL.</p>
<p>You can also choose the alignment of your mockup image or background image, or simply set the background color by providing a hex value. If you want, you can also choose to tile your background image horizontally or vertically. The best part however is that you can just double click on any area of the mockup and add an annotation. Once done, you will get a short custom URL that you can simply send to your clients.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/mock.png?570cd5" alt="design mockups" /></p>
<p>Features:</p>
<ul>
<li>Create mockups online by uploading images.</li>
<li>Choose background color or upload image.</li>
<li>Add annotations and share with clients through a custom URL.</li>
<li>No registration required.</li>
<li>Similar tools: <a title="ClickDummy: Get Feedback On Live Mockups" href="http://www.makeuseof.com/dir/clickdummy-feedback-live-mockups/">ClickDummy</a>, <a href="http://www.makeuseof.com/dir/mokkme-mobile-application-mockup/">Mokk.me</a>, <a href="http://www.makeuseof.com/dir/mockingbird-create-website-mockup/">Mockingbird</a>, <a title="MockFlow: Create User Interface Mockups Online" href="http://www.makeuseof.com/dir/mockflow-user-interface-mockups/" rel="bookmark">MockFlow</a> and <a href="http://www.makeuseof.com/dir/iplotz-create-website-wireframes/">iPlotz</a>.</li>
</ul>
<p>Visit MockUps @ <a href="http://mocku.ps/">www.mocku.ps</a> [Via <a href="http://thenextweb.com/dd/2012/01/27/take-the-stress-out-of-previewing-your-web-designs-to-clients-with-mocku-ps/">TheNextWeb</a>]</p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45425-bottom'></div><script language='javascript'>var conf_45425 = {
							APIKey: ''
    					};
						
    					var image45425 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/mock.png',href:'http://www.makeuseof.com/dir/mockups-share-design-mockups-clients-online/',type:'image'};
						var ua_45425 = new gigya.services.socialize.UserAction(); 
						ua_45425.setUserMessage('');  
						ua_45425.setLinkBack('http://www.makeuseof.com/dir/mockups-share-design-mockups-clients-online/'); 
						ua_45425.setTitle('MockUps: Share Your Design Mockups With Clients Online');
						ua_45425.addMediaItem(image45425);	
		

						var params_45425 ={ 
							userAction:ua_45425,
							cssPrefix:'#gig-div-buttons-45425-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45425-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45425,params_45425);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/mockups-share-design-mockups-clients-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSSSuperScrub: Make CSS Cleaner &amp; Smaller</title>
		<link>http://www.makeuseof.com/dir/csssuperscrub-make-css-cleaner/</link>
		<comments>http://www.makeuseof.com/dir/csssuperscrub-make-css-cleaner/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 02:01:25 +0000</pubDate>
		<dc:creator>TehseenBaweja</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45136</guid>
		<description><![CDATA[CSS files can get pretty complex and messy especially if you have worked on them over time. CSSSuperScrub is a simple web based tool to clean your CSS of unneeded content and reduce it in both size and complexity. It does that by removing redundant calls, removing unnecessary white space, indenting CSS, and intelligently grouping [...]]]></description>
			<content:encoded><![CDATA[<p>CSS files can get pretty complex and messy especially if you have worked on them over time. CSSSuperScrub is a simple web based tool to clean your CSS of unneeded content and reduce it in both size and complexity. It does that by removing redundant calls, removing unnecessary white space, indenting CSS, and intelligently grouping elements together.</p>
<p>Simply enter the URL of your CSS file and click submit. The tool will instantly give you a new CSS file that you can copy to your site. It also displays the percentage reduction in the size of your CSS file and lets you customize some of the scrubbing options by turning them on or off.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/css.png?570cd5" alt="make css cleaner" /></p>
<p>Features:</p>
<ul>
<li>Scrubs your CSS file of unneeded elements.</li>
<li>Intelligently groups elements together.</li>
<li>Enter URL of your CSS file to start.</li>
<li>No registration required.</li>
<li>Similar tools: <a title="CSSLint: Checks Your CSS For Errors &amp; Warnings" href="http://www.makeuseof.com/dir/csslint-check-css-for-errors/">CSSLint</a>, <a href="http://www.makeuseof.com/dir/gridcalc-create-website-grid/">Gridcalc</a>, <a href="http://www.makeuseof.com/dir/colorspire-discover-new-colors/">Colorspire</a>, <a href="http://www.makeuseof.com/dir/css3-drop-shadow-generator-generate-css3-shadow/">CSS3 Dropshadow Generator</a>, and <a href="http://www.makeuseof.com/dir/layerstyles-create-css-codes/">Layerstyles</a>.</li>
</ul>
<p>Visit CSSSuperScrub @ <a href="http://isnoop.net/tools/css.php">www.isnoop.net/tools/css.php</a></p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45136-bottom'></div><script language='javascript'>var conf_45136 = {
							APIKey: ''
    					};
						
    					var image45136 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/css.png',href:'http://www.makeuseof.com/dir/csssuperscrub-make-css-cleaner/',type:'image'};
						var ua_45136 = new gigya.services.socialize.UserAction(); 
						ua_45136.setUserMessage('');  
						ua_45136.setLinkBack('http://www.makeuseof.com/dir/csssuperscrub-make-css-cleaner/'); 
						ua_45136.setTitle('CSSSuperScrub: Make CSS Cleaner & Smaller ');
						ua_45136.addMediaItem(image45136);	
		

						var params_45136 ={ 
							userAction:ua_45136,
							cssPrefix:'#gig-div-buttons-45136-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45136-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45136,params_45136);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/csssuperscrub-make-css-cleaner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Postable: Automatically Make Your Code Ready For Online Publishing</title>
		<link>http://www.makeuseof.com/dir/postable-automatically-code-ready-online-publishing/</link>
		<comments>http://www.makeuseof.com/dir/postable-automatically-code-ready-online-publishing/#comments</comments>
		<pubDate>Sat, 28 Jan 2012 18:01:30 +0000</pubDate>
		<dc:creator>Umar</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[code]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/dir/?p=45078</guid>
		<description><![CDATA[If you are a code developer who shares code online, you already know the problems &#8211; changing the &#62; sign to &#38;gt and using &#38;amp to add an ampersand. Making these changes in a long piece of code for publishing online can be time-consuming. Here to help you save time is a web app called [...]]]></description>
			<content:encoded><![CDATA[<p>If you are a code developer who shares code online, you already know the problems &#8211; changing the &gt; sign to &amp;gt and using &amp;amp to add an ampersand. Making these changes in a long piece of code for publishing online can be time-consuming. Here to help you save time is a web app called Postable.</p>
<p><img src="http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/Postable.jpg?570cd5" alt="postable" /></p>
<p>Postable is a simple to use website that will prove to be highly useful for web developers. The site automatically makes the appropriate modifications to a piece of code so that it becomes suitable for online publishing. For example ‘&amp;’ signs are changed to &amp;amp and so on. All you have to do is paste in your code into the field that Postable provides and then click on the “Make It Friendly” button that appears. Your code is converted into its modified form and ready for copying and using.</p>
<p>Features:</p>
<ul>
<li>A user-friendly web service.</li>
<li>Very useful for developers.</li>
<li>Replaces ‘&amp;’ signs with &amp;amp and makes similar modifications in code.</li>
<li>Converts code into something that can be easily published.</li>
</ul>
<p>Check out Postable @ <a href="http://www.elliotswan.com/postable/">http://www.elliotswan.com/postable</a> (By Umar from <a href="http://www.allthatisapple.com">AllThatIsApple</a>)</p>
<div class='gig-share-button gig-share-button-bottom' id='gig-div-buttons-45078-bottom'></div><script language='javascript'>var conf_45078 = {
							APIKey: ''
    					};
						
    					var image45078 = {src:'http://main.makeuseoflimited.netdna-cdn.com/dir/wp-content/uploads/2012/01/Postable.jpg',href:'http://www.makeuseof.com/dir/postable-automatically-code-ready-online-publishing/',type:'image'};
						var ua_45078 = new gigya.services.socialize.UserAction(); 
						ua_45078.setUserMessage('');  
						ua_45078.setLinkBack('http://www.makeuseof.com/dir/postable-automatically-code-ready-online-publishing/'); 
						ua_45078.setTitle('Postable: Automatically Make Your Code Ready For Online Publishing');
						ua_45078.addMediaItem(image45078);	
		

						var params_45078 ={ 
							userAction:ua_45078,
							cssPrefix:'#gig-div-buttons-45078-bottom',
							shareButtons:'facebook-like,google-plusone,share,twitter,email', // list of providers
							containerID: 'gig-div-buttons-45078-bottom',
        					cid:''
						};
						gigya.services.socialize.showShareBarUI(conf_45078,params_45078);
					</script>
					]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/dir/postable-automatically-code-ready-online-publishing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached (Requested URI is rejected)
Database Caching 1/43 queries in 0.046 seconds using apc
Object Caching 783/872 objects using disk: basic
Content Delivery Network via main.makeuseoflimited.netdna-cdn.com

Served from: www.makeuseof.com @ 2012-02-10 18:46:39 -->
