<?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>Eches - Technology &#124; OS &#124; Mobile &#124; Software &#124; Gadgets &#187; Web</title>
	<atom:link href="http://eches.net/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://eches.net</link>
	<description>Tips &#38; Tricks related to web, internet and computer</description>
	<lastBuildDate>Sat, 04 Feb 2012 08:31:52 +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>Pixlr &#8211; Online Photo Editor to Remove Watermark from Images</title>
		<link>http://eches.net/pixlr-online-photo-editor-to-remove-watermark-from-images/</link>
		<comments>http://eches.net/pixlr-online-photo-editor-to-remove-watermark-from-images/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 01:17:51 +0000</pubDate>
		<dc:creator>eches</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[online photo editor]]></category>
		<category><![CDATA[web application]]></category>

		<guid isPermaLink="false">http://eches.net/?p=10355</guid>
		<description><![CDATA[Pixlr is an excellent free online photo editor that can be used to remove watermark from pictures. Ok, before you got the wrong idea about this web application, let me clear out the air first. Pixlr is not an online &#8230;]]></description>
			<content:encoded><![CDATA[<p><strong><a rel="nofollow" href="http://pixlr.com/editor/">Pixlr</a></strong> is an excellent free online photo editor that can be used to remove watermark from pictures. Ok, before you got the wrong idea about this web application, let me clear out the air first. Pixlr is not an online photo editor that is meant to specifically removed watermark from images. The truth is it is a powerful photo editor that has features in its arsenal similar to full fledged photo editor such Adobe Photoshop.</p>
<h3><strong>Key Features of Pixlr</strong></h3>
<ul>
<li>Easy to use and user-friendly</li>
<li>Support multiple languages</li>
<li>Removes watermarks easily with stamp tool</li>
<li>No installation or registration required</li>
</ul>
<div id="attachment_10357" class="wp-caption alignnone" style="width: 610px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/pixlr-photo-editor.jpg" alt="Pixlr: Online Photo Editor" title="Pixlr: Online Photo Editor" width="600" height="241" class="size-full wp-image-10357" /><p class="wp-caption-text">Pixlr: Online Photo Editor</p></div>
<p>If you take a closer look at the tools on the left side pane, it resembles a lot with Adobe Photoshop desktop application. It has basic tools such as drawing tool, clone stamp, sponge tool, color replace tool, gradient tool, dodge tool, smudge tool and many more. One feature that is essential in removing watermark is the clone stamp tool. We will primarily be using this tool throughout this article in order to show you how to remove watermark on an image.  </p>
<h3><strong>How Watermark removing works?</strong></h3>
<p>Removing a watermark is not as easy as you think. It takes time and it will depend on the image your are editing. That's said, 1 one rule of thumb to get a clean watermark removal is by getting as close replacement as possible for the watermark you intend to remove. In order to achieve this you will be using a tool named clone stamp. I'll demonstrate a simple example on how to remove watermark from a picture.</p>
<div id="attachment_10365" class="wp-caption alignnone" style="width: 286px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/clone-stamp-tool.jpg" alt="clone stamp tool" title="clone stamp tool" width="276" height="89" class="size-full wp-image-10365" /><p class="wp-caption-text">Clone stamp tool</p></div>
<h3><strong>How To Use Pixlr To Remove Watermark</strong></h3>
<p><strong>1</strong>. Open <strong><a rel="nofollow" href="http://pixlr.com/editor/">Pixlr Online photo editor</a></strong> on your browser.</p>
<div id="attachment_10375" class="wp-caption alignnone" style="width: 347px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/pixlr.jpg" alt="" title="Open watermark image" width="337" height="119" class="size-full wp-image-10375" /><p class="wp-caption-text">Open image with watermark in Pixlr</p></div>
<p><strong>2</strong>. Click on the "<strong>File > Open image</strong>" from the menu at the top and browse through the folder directory where the image with a watermark resides. Double click on the image. In this demonstration I'm going to use the following picture.</p>
<div id="attachment_10376" class="wp-caption alignnone" style="width: 610px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/watermark_home.jpg" alt="" title="watermark picture" width="600" height="367" class="size-full wp-image-10376" /><p class="wp-caption-text">Picture with watermark - demo purpose</p></div>
<p><strong>3</strong>. Click "clone stamp tool" from tools window. A circular icon will appear on the screen.</p>
<div id="attachment_10365" class="wp-caption alignnone" style="width: 286px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/clone-stamp-tool.jpg" alt="clone stamp tool" title="clone stamp tool" width="276" height="89" class="size-full wp-image-10365" /><p class="wp-caption-text">Clone stamp tool</p></div>
<p>4. Click [CTRL] button define the source point. Basically this is the point that we are going to use to overwrite the watermark section. When you have define the source point, the pointer will change to a crosshair (see picture below).</p>
<div id="attachment_10378" class="wp-caption alignnone" style="width: 335px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/watermark_before.jpg" alt="Click [CTRL] button to define source point" title="Click [CTRL] button to define source point" width="325" height="122" class="size-full wp-image-10378" /><p class="wp-caption-text">Click (CTRL) button to define source point</p></div>
<p><strong>5</strong>. Now, while you still clicking on the watermark section, hover your mouse over the watermark and see the magic works.</p>
<div id="attachment_10379" class="wp-caption alignnone" style="width: 183px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/watermark_after.jpg" alt="" title="watermark after" width="173" height="116" class="size-full wp-image-10379" /><p class="wp-caption-text">Watermark gradually replaced with the source point</p></div>
<p>6. Here's the final result (partially done). You just need to go ahead and finish everything.</p>
<div id="attachment_10383" class="wp-caption alignnone" style="width: 610px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/watermark_after1.jpg" alt="Final result (partially done)" title="Final result (partially done)" width="600" height="395" class="size-full wp-image-10383" /><p class="wp-caption-text">Final result (partially done)</p></div>
<div class="promotion"><strong>Visit <a rel="nofollow" href="http://pixlr.com/editor/">Pixlr</a></strong></div>
<ul class="related_post"><li><a href="http://eches.net/convert-pdf-to-word-using-facebook-pdf-to-word-converter/" title="Convert PDF to Word using Facebook PDF to Word converter">Convert PDF to Word using Facebook PDF to Word converter</a><br /><small>There are several free applications that can easily convert PDF files to Word documents. One of the ...</small></li></ul>]]></content:encoded>
			<wfw:commentRss>http://eches.net/pixlr-online-photo-editor-to-remove-watermark-from-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WhatFont Tool: Identify font used in any web page</title>
		<link>http://eches.net/whatfont-tool-identify-font-used-in-any-web-page/</link>
		<comments>http://eches.net/whatfont-tool-identify-font-used-in-any-web-page/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 04:58:24 +0000</pubDate>
		<dc:creator>eches</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[browser addon]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://eches.net/?p=10276</guid>
		<description><![CDATA[As a web designer, I always make a habit of visiting websites that have professional look to gain idea and inspiration. I'm currently developing an e-commerce site for my custom-made products and obviously I visit on several similar e-commerce sites. &#8230;]]></description>
			<content:encoded><![CDATA[<p>As a web designer, I always make a habit of visiting websites that have professional look to gain idea and inspiration. I'm currently developing an e-commerce site for my custom-made products and obviously I visit on several similar e-commerce sites. When it comes to web design, there are several aspects of web design that contribute towards the definition of clean and professional web design.</p>
<p>Typography is one of many design elements that looks trivial but can make a huge difference when it is put together with the right color scheme and other design elements. I always have great passion of what fonts used on certain websites but it's actually hard to actually identify precisely what font used in a particular website. </p>
<p>One way I use to identify font used in a website is by inspecting the CSS file of the website. This is quite tedious work and it doesn't usually give me the result. That is possible if you have knowledge about CSS. You may use a plugin such as Fire Bug, but still it's a complicated one. </p>
<p>A better way of identifying font type used in <strong><a href="http://chengyinliu.com/whatfont.html">WhatFont Tool</a></strong>. WhatFont Tool is a simple bookmarklet which make font identification dead easy. </p>
<h3><strong>How to use WhatFont Tool?</strong></h3>
<p>What you need to do is only drag and drop the bookmarklet onto your browser bookmarks bar and walla! the font type is identified :)</p>
<div id="attachment_10281" class="wp-caption alignnone" style="width: 551px"><img src="http://cdn.eches.net/wp-content/uploads/2012/01/whatfont-tool.jpg" alt="" title="whatfont-tool" width="541" height="262" class="size-full wp-image-10281" /><p class="wp-caption-text">How to use WhatFont Tool</p></div>
<p>WhatFont Tool not only tells you the font-family but also the CSS property associated to the text. After finishing your job, you can exit the WhatFont mode from your browser.</p>
<p>The bookmarklet has full support for Internet Explorer 9, Firefox, Safari and Chrome. It's also available as a plugin in Google Chrome browser. If you are interested in knowing what type of font used on a webpage you will find WhatFont Tool as handy especially if you a web developer. </p>
<div class="promotion"><strong>More details of <a href="http://chengyinliu.com/whatfont.html">WhatFont Tool</a></strong></div>
<ul class="related_post"><li><a href="http://eches.net/web-20-the-machine-is-us/" title="Web 2.0: The machine is us">Web 2.0: The machine is us</a><br /><small>When I first came across the "web 2.0" term, the thing that popped up into my mind is the evolutiona...</small></li></ul>]]></content:encoded>
			<wfw:commentRss>http://eches.net/whatfont-tool-identify-font-used-in-any-web-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WhatTheFont: Find font used in a logo or image</title>
		<link>http://eches.net/whatthefont-find-font-used-in-a-logo-or-image/</link>
		<comments>http://eches.net/whatthefont-find-font-used-in-a-logo-or-image/#comments</comments>
		<pubDate>Thu, 05 Jun 2008 00:54:12 +0000</pubDate>
		<dc:creator>eches</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design tips]]></category>

		<guid isPermaLink="false">http://eches.net/?p=453</guid>
		<description><![CDATA[Stumble upon an inspiring logo but clueless about font being used on the beautifully crafted logo? Or perhaps you might wonder what font is being used on Google logo? To recognize precisely what fonts being used on an image is &#8230;]]></description>
			<content:encoded><![CDATA[<p>Stumble upon an inspiring logo but clueless about font being used on the beautifully crafted logo? Or perhaps you might wonder what font is being used on Google logo? To recognize precisely what fonts being used on an image is almost impossible as there are enormous number of fonts in existence and they keep counting.</p>
<p><img src="http://cdn.eches.net/wp-content/uploads/2008/06/whatthefont.jpg" alt="" /></p>
<p><strong><a href="http://www.myfonts.com/WhatTheFont/">WhatTheFont</a></strong> provides the solution towards this problem. All you need to do is upload an image file to its server where the image will be scanned and matched with its database. The maximum size for an image is 360 x 275 pixels, so make sure to resize it before uploading. It doesn't have to be a high quality image (although that will definitely help). If you want to get more information and tips about this service, visit its <strong><a href="http://www.myfonts.com/Article895.html">usage notes</a></strong>.</p>
<p>But hey, what if WTF can't find you the closest match of your font? Head straight on to the <strong><a href="http://www.myfonts.com/WhatTheFont/forum/">WhatTheFont forum</a></strong> to get more assistance.</p>
<ul class="related_post"><li><a href="http://eches.net/free-web-design-mini-icons/" title="Free web design mini icons ">Free web design mini icons </a><br /><small>Subtle appearances of mini icons in a website can somehow make a huge uplift to your web design but ...</small></li><li><a href="http://eches.net/fontcubes-free-fonts-repository/" title="FontCubes: Free Fonts Repository">FontCubes: Free Fonts Repository</a><br /><small>You just about to complete your Wordpress design and you notice that font used for the header and lo...</small></li></ul>]]></content:encoded>
			<wfw:commentRss>http://eches.net/whatthefont-find-font-used-in-a-logo-or-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free web design mini icons</title>
		<link>http://eches.net/free-web-design-mini-icons/</link>
		<comments>http://eches.net/free-web-design-mini-icons/#comments</comments>
		<pubDate>Mon, 05 May 2008 03:46:33 +0000</pubDate>
		<dc:creator>eches</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[design tips]]></category>

		<guid isPermaLink="false">http://eches.net/?p=434</guid>
		<description><![CDATA[Subtle appearances of mini icons in a website can somehow make a huge uplift to your web design but finding the ones that blend well with your design is not really an easy task. The best way to find the &#8230;]]></description>
			<content:encoded><![CDATA[<p>Subtle appearances of mini icons in a website can somehow make a huge uplift to your web design but finding the ones that blend well with your design is not really an easy task. The best way to find the most suitable icon for your design is by having lot of them downloaded to your desktop and go through the mini icons sea. </p>
<p>If you are looking for enormous list of mini icons list, you are on the right place. The following is the list of websites that produce mini icons for public release. This list will be updated from time to time so please bookmark this page.</p>
<p>1. <strong><a rel="nofollow" href="http://famfamfam.com">Famfamfam</a></strong><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/famfam.jpg" alt="" /><br />
It has been around for quite some time. Most of icons used in my <strong><a href="http://eches.net/themes">wordpress themes</a> </strong>originated from famfamfam.com. You may notice that this site has not been updated since March 2006. No more updates from Mark James, the owner of Famfamfam.com since then but all mini icons produced really live up to the expectation.</p>
<p>2. <strong><a rel="nofollow" href="http://famfamfam.com">Ndesign - Mini Pixel Icons</a></strong><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/ndesign.jpg" alt="" /><br />
There are over 320 mini pixel icons produced by this renowned designer, Nick La who consistently producing top notch web designs and useful tutorials related to CSS and graphic designs.</p>
<p>3. <strike><a rel="nofollow" href="#"><strong>Stylegala - Bullets Madness</strong></a></strike><br />
This is a list of 200 bullets, arrows and icons uploaded by Stylegala users (some of them might be subject of copyright law). A handy collection of bullets to make your site stand out from the crowd.</p>
<p>4. <a rel="nofollow" href="http://www.brandspankingnew.net/archive/2006/12/hohoho.html"><strong>Brand Spanking New - HoHoHo</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/brandspanking.jpg" alt="" /><br />
A good collection of 113 10x10 greyscale icons in .gif format to fill up your design.</p>
<p>5. <a rel="nofollow" href="http://www.icojoy.com/blogs/3/"><strong>IcoJoy - Free Icons</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/icojoy.jpg" alt="" /><br />
IcoJoy.com is an online shop where you can purchase and download high quality royalty-free stock icons which can be used in a wide range of projects such as platform based applications, cell phones, websites and web 2.0 applications. However, you can also download some free icons.</p>
<p>6. <strike><a rel="nofollow" href="#"><strong>Design Magus</strong></a></strike><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/designmagus.jpg" alt="" /><br />
Most of them looks good for your individual or professional projects. </p>
<p>7. <a href="http://mouserunner.com/Spheres_Cell.html"><strong>Sphere Designs</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/sphereicons.jpg" alt="" /><br />
Don't be fooled with the plain logo above. The icon inside is really up to par and there are several collections ranging from web icons to desktop icons.</p>
<p>8. <a rel="nofollow" href="http://www.feedicons.com/"><strong>Feed Icons</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/feedsite.jpg" alt="" /><br />
If you are looking for a standard feed icons, here is the place. There are 2 packages; standard pack and package that includes 50 12x12 coloured icons based on Adobe Photoshop's default colour palette.</p>
<p>9. <a rel="nofollow" href="http://somerandomdude.net/srd-projects/"><strong>Some Random Dude Icons</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/somerandomdude.jpg" alt="" /><br />
Light crimson sets of icon. Most of them come in 3 or 4 sizes.</p>
<p>10. <a rel="nofollow" href="http://www.iconsdesigns.com/?page_id=44"><strong>Icons Designs</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/nuove.jpg" alt="" /><br />
They are meant for icon themes but the images can be resized to fit as web icons.</p>
<p>11. <a rel="nofollow" href="http://www.iconshoppe.com/"><strong>Icons Shoppe</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/pixelpress.jpg" alt="" /><br />
Royalty-free, stock icon sets for the web, hand-crafted by SimpleBits. Each IconShoppe icon is made from the finest pixels available, and they're reasonably priced for people like you.</p>
<p>12. <a rel="nofollow" href="http://www.axialis.com/free/icons/"><strong>Axialis</strong></a><br />
<img src="http://cdn.eches.net/wp-content/uploads/2008/05/axialis.jpg" alt="" /><br />
Here is a library of icons that you can freely use in your projects. All the icons are licensed under the Creative Commons Attribution License. It means that you can use them in any project or website, commercially or not.</p>
<ul class="related_post"><li><a href="http://eches.net/whatthefont-find-font-used-in-a-logo-or-image/" title="WhatTheFont: Find font used in a logo or image">WhatTheFont: Find font used in a logo or image</a><br /><small>Stumble upon an inspiring logo but clueless about font being used on the beautifully crafted logo? O...</small></li><li><a href="http://eches.net/fontcubes-free-fonts-repository/" title="FontCubes: Free Fonts Repository">FontCubes: Free Fonts Repository</a><br /><small>You just about to complete your Wordpress design and you notice that font used for the header and lo...</small></li></ul>]]></content:encoded>
			<wfw:commentRss>http://eches.net/free-web-design-mini-icons/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/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 45/85 queries in 0.203 seconds using disk: basic
Object Caching 566/617 objects using disk: basic
Content Delivery Network via cdn.eches.net

Served from: eches.net @ 2012-02-07 14:27:40 -->
