<?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>LoonDesign &#187; Web Resources</title>
	<atom:link href="http://kailoon.com/tag/web-resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://kailoon.com</link>
	<description>Tutorials . Comic . Web Design . Freelance . Blog</description>
	<lastBuildDate>Thu, 15 Dec 2011 05:28: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>Web Resources &#8211; February 2009</title>
		<link>http://kailoon.com/web-resources-february-2009/</link>
		<comments>http://kailoon.com/web-resources-february-2009/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 10:44:08 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=509</guid>
		<description><![CDATA[This is a web roundup for the whole month around the world. We roundup the best resources, articles and top lists. Feel free to check them out or you can also submit yours to us so that we can share have a better collection and share with the readers.]]></description>
			<content:encoded><![CDATA[<p>This is a web roundup for the whole month around the world. We roundup the best resources, articles and top lists. Feel free to check them out or you can also submit yours to us so that we can share have a better collection and share with the readers.</p>
<div class="clear"></div>
<h3>Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/login.png" alt="How to Build a Login System for a Simple Website" class="float"/></p>
<h4 class="web">How to Build a Login System for a Simple Website</h4>
<p>In today&#8217;s video tutorial, we&#8217;ll be building a login system with PHP and MYSQL. Many, many features will be covered; including MySqli, Prepared Statements, jQuery, Classes, Sessions, Cookies, etc.</p>
<p><span class="web"><strong>Category:</strong> php . jQuery . MySql</span><a href="http://net.tutsplus.com/videos/screencasts/how-to-build-a-login-system-for-a-simple-website/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/logo.png" alt="The Logo Design Process From Start To Finish" class="float"/></p>
<h4 class="web">The Logo Design Process From Start To Finish</h4>
<p>In this article I will guide you through the process of creating the identity &amp; logo design for one of my recent clients, UKE, offering insights into not only the thought process behind creating the logo but also the creation of the logo itself.</p>
<p><span class="web"><strong>Category:</strong> Logo . Designing</span><a href="http://justcreativedesign.com/2009/02/04/the-logo-design-process-from-start-to-finish/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/web.png" alt="Creating a Filterable Portfolio with jQuery" class="float"/></p>
<h4 class="web">Creating a Filterable Portfolio with jQuery</h4>
<p>If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make &#8220;filtering by category&#8221; a little more interesting with just a little bit of jQuery.</p>
<p><span class="web"><strong>Category:</strong> Ajax . jQuery</span><a href="http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/list.png" alt="jQuery Sequential List" class="float"/></p>
<h4 class="web">jQuery Sequential List</h4>
<p>Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature.</p>
<p><span class="web"><strong>Category:</strong> jQuery</span><a href="http://www.webdesignerwall.com/tutorials/jquery-sequential-list/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/land.png" alt="Landscape Tutorial" class="float"/></p>
<h4 class="web">Landscape Tutorial</h4>
<p>This tutorial shows us how to create a breathtaking landscape scene. The author shows you how to take different landscape scenes and merge them together to create one amazing scene.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdessential.com/photomanipulation/landscape-tutorial/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/hdr.png" alt="Photoshop HDR" class="float"/></p>
<h4 class="web">Photoshop HDR</h4>
<p>This tutorial will show you how to take your photos and apply effects to them and convert to HDR.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://www.secondpicture.com/tutorials/photography/photoshop_hdr.html" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/dy.png" alt="Creating Dynamic Distortion Effects" class="float"/></p>
<h4 class="web">Creating Dynamic Distortion Effects</h4>
<p>Computer Arts provides us another professional tutorial with a great outcome. Here you will learn how to create pro-looking distortions using simple brushes.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_dynamic_distortion_effects" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/moon.png" alt="Create a Magic Night Themed Web Design from Scratch in Photoshop" class="float"/></p>
<h4 class="web">Create a Magic Night Themed Web Design from Scratch in Photoshop</h4>
<p>The past days I was looking for inspiration in famous old paintings, and got interested on &#8220;Starry Night&#8221; of Van Gogh and thought: Can I apply this to web design? And the answer is Yes! Then after several hours of work, here&#8217;s my tutorial for you, an artistic web design depicting a &#8220;Magic Night&#8221; concept.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/moc.png" alt="Design Amazing Mosaic Effects in Illustrator and Photoshop" class="float"/></p>
<h4 class="web">Design Amazing Mosaic Effects in Illustrator and Photoshop</h4>
<p>We have all seen mosaics made up of smaller images and symbols. While there are a handful of Photoshop plug-ins that can simulate this effect, the results can be mixed. This tutorial from Digital Arts shows how to create a detailed mosaic effect in Illustrator and Photoshop without using filters or plug-ins.</p>
<p><span class="web"><strong>Category:</strong> Illustrator . Photoshop</span><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1817" target="_blank" class="web">Read More</a>
</div>
<h3>Top List</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/font.png" alt="30 Fonts You Want to Have" class="float"/></p>
<h4 class="web">30 Fonts You Want to Have</h4>
<p>Everyone has their own personal preferences when it comes to deciding what fonts to you one their designs. Depending on the project type and what the design is for, certain fonts make more sense in certain situations than in others.</p>
<p><span class="web"><strong>Category:</strong> Font</span><a href="http://www.devlounge.net/design/30-fonts-you-want-to-have" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/min.png" alt="50 Minimal Sites" class="float"/></p>
<h4 class="web">50 Minimal Sites</h4>
<p>Since Web Designer Wall launched, I’ve been featuring a lot of graphic intense websites such as the artistic, large background, vintage, and illustrative styles. Now it is time to feature the minimalist design. Here is a massive list of 50 minimal sites. See how designers use minimal elements to create high visual impact — less is more.</p>
<p><span class="web"><strong>Category:</strong> Minimal . Websites</span><a href="http://www.webdesignerwall.com/trends/50-minimal-sites/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/retro.png" alt="50 Mind-blowing Retro-style Photoshop Illustrations" class="float"/></p>
<h4 class="web">50 Mind-blowing Retro-style Photoshop Illustrations</h4>
<p>Graphic design from the 70s, 80s and 90s has plenty to offer modern-day designers. Here we introduce a bunch of modern-day graphic designers using the best of retro-styles to create incredible and original work that melds the past, the present, and sometimes, the future!</p>
<p><span class="web"><strong>Category:</strong> Photoshop . Illustrator</span><a href="http://psd.tutsplus.com/articles/inspiration/50-mind-blowing-retro-style-photoshop-illustrations/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/in.png" alt="101 Breathtaking Infrared Photographs" class="float"/></p>
<h4 class="web">101 Breathtaking Infrared Photographs</h4>
<p>Infrared photography can really bring a photograph to life in front of your eyes. So you should definitely check out this compilation of 101 amazing infrared photographs.</p>
<p><span class="web"><strong>Category:</strong> Photographs</span><a href="http://www.tutorial9.net/resources/101-absolutely-breathtaking-infrared-photographs/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/draw.png" alt="40 Free Tutorials on Advanced Drawing Techniques" class="float"/></p>
<h4 class="web">40 Free Tutorials on Advanced Drawing Techniques</h4>
<p>The traditional form of drawing and sketching is a highly sought after skill. Develop your personal drawing abilities by following this collection of 40 great tutorials on advanced drawing techniques, including general theory, useful tips, comic inspired art and some methods for transforming your creations into digital format.</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://vector.tutsplus.com/articles/inspiration/40-free-tutorials-on-advanced-drawing-techniques/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/wp.png" alt="Top 50 WordPress Tutorials" class="float"/></p>
<h4 class="web">Top 50 WordPress Tutorials</h4>
<p>As a web developer, you can broaden your potential client base and add value for existing clients by listing ‘Wordpress’ as an area of expertise. Of course, unless you want to bluff your way through jobs, you’d better have the skill to back-up that claim. This collection will help.</p>
<p><span class="web"><strong>Category:</strong> WordPress</span><a href="http://net.tutsplus.com/articles/web-roundups/top-50-wordpress-tutorials/" target="_blank" class="web">Read More</a>
</div>
<h3>Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/expert.png" alt="How to Position Yourself as an Expert" class="float"/></p>
<h4 class="web">How to Position Yourself as an Expert</h4>
<p>Positioning yourself as an expert can often be the difference between landing an account or not. If you have been freelancing for a while, odds are that you have developed an expertise in a number of specialized areas. This article will help you to further your expertise and help you to position yourself as an expert so that you can ensure that you land that next account.</p>
<p><span class="web"><strong>Category:</strong> Reading</span><a href="http://freelancefolder.com/position-yourself-as-an-expert/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/free.png" alt="Four Excel Tools You Can Use" class="float"/></p>
<h4 class="web">Four Excel Tools You Can Use</h4>
<p>Here&#8217;s how you can use the 10 Business-Building Tools Tracker:</p>
<p><span class="web"><strong>Category:</strong> Freelance</span><a href="http://freelanceswitch.com/freelancing-essentials/four-excel-tools-you-can-use/" target="_blank" class="web">Read More</a>
</div>
<h3>Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/art.png" alt="20 Fantastic Deviant Wallpapers" class="float"/></p>
<h4 class="web">20 Fantastic Deviant Wallpapers</h4>
<p>The writers at Abduzeedo have rounded up 20 amazing wallpapers from the talented artists of Deviant Art.</p>
<p><span class="web"><strong>Category:</strong> Wallpaper</span><a href="http://abduzeedo.com/20-fantastic-deviant-wallpapers-part-3/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/03/vec.png" alt="Custom Vector Pack" class="float"/></p>
<h4 class="web">Custom Vector Pack</h4>
<p>The guys at Bittbox have given us an awesome vector pack. There are 6 different types of vector packs inside of this one. A lot of nice stuff so this is a must download.</p>
<p><span class="web"><strong>Category:</strong> Vector</span><a href="http://www.bittbox.com/freebies/exclusive-freebie-custom-designious-vector-pack-voted-on-by-you/" target="_blank" class="web">Download</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-february-2009/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; January 2009</title>
		<link>http://kailoon.com/web-resources-january-2009/</link>
		<comments>http://kailoon.com/web-resources-january-2009/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 02:14:11 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=478</guid>
		<description><![CDATA[This is a web roundup for the whole month around the world. We roundup the best resources, articles and top lists. Feel free to check them out or you can also submit yours to us so that we can share have a better collection and share with the readers.]]></description>
			<content:encoded><![CDATA[<p>This is a web roundup for the whole month around the world. We roundup the best resources, articles and top lists. Feel free to check them out or you can also submit yours to us so that we can share have a better collection and share with the readers.</p>
<div class="clear"></div>
<h3>Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/video.png" alt="jQuery for Absolute Beginners: The Complete Series" class="float"/></p>
<h4 class="web">jQuery for Absolute Beginners: The Complete Series</h4>
<p>We start by downloading the library and eventually work our way up to creating an AJAX style-switcher. I&#8217;m very proud of this series; possibly more than any other that I&#8217;ve done for Envato.</p>
<p><span class="web"><strong>Category:</strong> jQuery</span><a href="http://nettuts.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/plugin.png" alt="Create a Custom WordPress Plugin From Scratch" class="float"/></p>
<h4 class="web">Create a Custom WordPress Plugin From Scratch</h4>
<p>This tutorial will describe the implementation of a WordPress plugin starting from scratch. The plugin will connect to an external OSCommerce database and display random products on your WordPress site. It also implements a configuration page for the WordPress admin panel.</p>
<p><span class="web"><strong>Category:</strong> WordPress . php</span><a href="http://nettuts.com/tutorials/wordpress/creating-a-custom-wordpress-plugin-from-scratch/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/logo.png" alt="The Logo Design Process for Ultimate Potential" class="float"/></p>
<h4 class="web">The Logo Design Process for Ultimate Potential</h4>
<p>I will guide you through the process of creating the logo for one of my recent clients, Ultimate Potential. This article offers insights into, not only the thought process behind creating the logo, but also the creation of the logo itself.</p>
<p><span class="web"><strong>Category:</strong> Designing</span><a href="http://vectortuts.com/tutorials/designing/the-logo-design-process-for-ultimate-potential/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/moto.png" alt="How to Make a Creatively Designed Moto Banner" class="float"/></p>
<h4 class="web">How to Make a Creatively Designed Moto Banner</h4>
<p>In this tutorial, we&#8217;ll learn how to create a banner from images of Super Bikes. The idea in this work is to merge pieces of images in order to look like one. We will be using the Brush Tool, Eraser Tool, Pen Tool and some effects to create a website banner, so let&#8217;s gets started.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/interface-tutorials/how-to-make-a-creatively-designed-moto-banner/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/fire.png" alt="How to Create a Flaming Photo Manipulation" class="float"/></p>
<h4 class="web">How to Create a Flaming Photo Manipulation</h4>
<p>In this tutorial, we&#8217;ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. I hope you enjoy the tutorial and try it with your own stock imagery.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/tutorials-effects/how-to-create-a-flaming-photo-manipulation/" target="_blank" class="web">Learn It Now</a>
</div>
<h3>Top List</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/free.png" alt="15 Tips for Freelancers Starting Their Own Business" class="float"/></p>
<h4 class="web">15 Tips for Freelancers Starting Their Own Business</h4>
<p>So you&#8217;re a skilled developer or design freelancer who has established a handful of customers who pay your bills and provide you with an income&#8230;</p>
<p><span class="web"><strong>Category:</strong> Freelancing</span><a href="http://thinkvitamin.com/business/15-tips-for-freelancers-starting-their-own-business/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/typo.png" alt="20 Websites with Beautiful Typography" class="float"/></p>
<h4 class="web">20 Websites with Beautiful Typography</h4>
<p>Typography in web design plays an integral part in setting the tone, theme, and message of a website.</p>
<p><span class="web"><strong>Category:</strong> Typography . Websites</span><a href="http://sixrevisions.com/web_design/20-websites-with-beautiful-typography/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/ph.png" alt="50 Extremely Useful PHP Tools" class="float"/></p>
<h4 class="web">50 Extremely Useful PHP Tools</h4>
<p>PHP is one of the most widely used open-source server-side scripting languages that exist today. With over 20 million indexed domains using PHP, including major websites like Facebook, Digg and WordPress, there are good reasons why many Web developers prefer it to other server-side scripting languages, such as Python and Ruby.</p>
<p><span class="web"><strong>Category:</strong> php</span><a href="http://www.smashingmagazine.com/2009/01/20/50-extremely-useful-php-tools/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/wp.png" alt="10 Killer WordPress Hacks" class="float"/></p>
<h4 class="web">10 Killer WordPress Hacks</h4>
<p>The software was updated numerous times, leading to the recent release of version 2.7, and many new blogs dedicated to WordPress were created. Of course, tons of new hacks were discovered, which helped lots of bloggers enhance their blogs.</p>
<p><span class="web"><strong>Category:</strong> WordPress</span><a href="http://www.smashingmagazine.com/2009/01/07/10-killer-wordpress-hacks/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/twitter.png" alt="10 Awesome Ways to Integrate Twitter With Your Website" class="float"/></p>
<h4 class="web">10 Awesome Ways to Integrate Twitter With Your Website</h4>
<p>There&#8217;s no better time to start utilizing Twitter integration tools than right now. Here are 10 of the most useful ways to start turning your site readers (or your client&#8217;s customer base) into Twitter followers, and vice versa.</p>
<p><span class="web"><strong>Category:</strong> Twitter</span><a href="http://nettuts.com/articles/10-awesome-ways-to-integrate-twitter-with-your-website/" target="_blank" class="web">Read More</a>
</div>
<h3>Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/know.png" alt="What You Need to Know About jQuery 1.3" class="float"/></p>
<h4 class="web">What You Need to Know About jQuery 1.3</h4>
<p>The web development community became intensely excited on January 14, 2009 when jQuery version 1.3.0 was officially released. jQuery 1.3 brings with it significant improvements, especially when it comes to speed. In addition, the developers were able to keep jQuery as small as ever while adding some great and often requested features. Today, we will have an in depth look at the new features, and how you can squeeze the most out of it.</p>
<p><span class="web"><strong>Category:</strong> jQuery</span><a href="http://nettuts.com/tutorials/javascript-ajax/everything-you-need-to-know-about-jquery-13/" target="_blank" class="web">Read More</a>
</div>
<h3>Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/vector.png" alt="The Ultimate Collection Of Free Vector Packs" class="float"/></p>
<h4 class="web">The Ultimate Collection Of Free Vector Packs</h4>
<p>Designers love freebies that make life easier and help them create higher-quality work. Free vectors are useful, free vector packs even more so. Fortunately, there are plenty of talented graphic designers who are willing to give away their work (or samples of it) to benefit the rest of us. In this post, we feature 60 of the best and most useful free vector packs.</p>
<p><span class="web"><strong>Category:</strong> Vector</span><a href="http://www.smashingmagazine.com/2009/01/16/the-ultimate-collection-of-free-vector-packs/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/design.png" alt="Collection of free resources available for designers to download" class="float"/></p>
<h4 class="web">Collection of free resources available for designers to download</h4>
<p>This way it&#8217;s easier for you to find what you need in your work and download easy and free. I&#8217;ll try to make it a weekly roundup of free textures, icons, Photoshop brushes, Photoshop custom shapes, Illustrator brushes, vectors, PSD files, fonts, social media icons and WordPress themes.</p>
<p><span class="web"><strong>Category:</strong> Graphic</span><a href="http://www.boogiesbc.ro/blog/resources/collection-of-free-resources-available-for-designers-to-download/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2009/01/font.png" alt="15 Awesome Free Fonts" class="float"/></p>
<h4 class="web">15 Awesome Free Fonts</h4>
<p>Once again I went through Deviantart and found some great freebies, this time fonts, fonts that you may not even seen before and yes they are really good, check it out yourself, use and abuse them.</p>
<p><span class="web"><strong>Category:</strong> Font</span><a href="http://abduzeedo.com/15-awesome-free-fonts" target="_blank" class="web">Download</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-january-2009/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; December 2008</title>
		<link>http://kailoon.com/web-resources-december-2008/</link>
		<comments>http://kailoon.com/web-resources-december-2008/#comments</comments>
		<pubDate>Thu, 01 Jan 2009 10:28:46 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=430</guid>
		<description><![CDATA[This is a web roundup for the whole month around the world. We roundup the best resources, articles and top lists. Feel free to check them out or you can also submit yours to us so that we can share have a better collection and share with the readers.]]></description>
			<content:encoded><![CDATA[<p>This is a web roundup for the whole month around the world. We roundup the best resources, articles and top lists. Feel free to check them out or you can also submit yours to us so that we can share have a better collection and share with the readers.</p>
<h3>Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/ice.png" alt="How to Illustrate a Delicious Ice Cream Bar" class="float"/></p>
<h4 class="web">How to Illustrate a Delicious Ice Cream Bar</h4>
<p>In this tutorial, I&#8217;ll show you how to draw an ice cream bar. Throughout this tutorial we&#8217;ll have a look at various drawing techniques. We&#8217;ll be creating everything within Photoshop from start to finish, except the font used. Let&#8217;s jump into this tutorial.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/drawing/how-to-illustrate-a-delicious-ice-cream-bar/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/pen.png" alt="Photoshop's Pen Tool: The Comprehensive Guide" class="float"/></p>
<h4 class="web">Photoshop&#8217;s Pen Tool: The Comprehensive Guide</h4>
<p>he Pen Tool makes appearances across almost the entire Adobe product range. Its function and behavior varies depending on the application, but by mastering it youll find you work quicker, smoother and with better results. This guide will give you a comprehensive basis for working with the Pen Tool in Photoshop.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/tools-tips/photoshops-pen-tool-the-comprehensive-guide/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/photo.png" alt="Professional Photograph Restoration Workflow" class="float"/></p>
<h4 class="web">Professional Photograph Restoration Workflow</h4>
<p>In this tutorial, we&#8217;ll take an in-depth look at restoring an old torn photograph. Restoring old family photos is something that you can do for your relatives and bring tears to their eyes, and yes this is a service you can offer to clients as well. Let&#8217;s take a look at a professional workflow for restoring old photographs to their former glory.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/photo-effects-tutorials/professional-photograph-restoration-workflow/" target="_blank" class="web">Learn It Now</a>
</div>
<h3>Top List</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/ecom.png" alt="50 Inspirational E-Commerce Website Designs" class="float"/></p>
<h4 class="web">50 Inspirational E-Commerce Website Designs</h4>
<p>Many e-commerce sites aren&#8217;t the most attractive websites. There&#8217;s often a lot of clutter with little to distinguish the design from any other site. Of course, selling products is more important to an e-commerce site than having a pretty design, but these 50 examples show that some e-commerce sites display excellent design.</p>
<p><span class="web"><strong>Category:</strong> Web Development</span><a href="http://vandelaydesign.com/blog/galleries/ecommerce-websites/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/typo.png" alt="10 Amazing Typography Artists" class="float"/></p>
<h4 class="web">10 Amazing Typography Artists</h4>
<p>Today I selected 10 really amazing typo artists, with great pieces on display that will make you feel jealous, hopefully I will keep finding more amazing typo artists to keep this series going because it&#8217;s very lovable. Enjoy!</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://abduzeedo.com/10-amazing-typography-artists" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/health.png" alt="Medical And health Sites" class="float"/></p>
<h4 class="web">Medical And health Sites</h4>
<p>Back in the week we received the awesome suggestion of having medical and health sites featured here in our Web Design series. I gotta say it was a true challenge to find good looking sites&#8230; but I think I managed to find cool ones.</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://abduzeedo.com/web-design-medical-and-health-sites" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/man.png" alt="48 Mind-blowing Examples of Photo Manipulation Art" class="float"/></p>
<h4 class="web">48 Mind-blowing Examples of Photo Manipulation Art</h4>
<p>Photo manipulation is one of the most creative artforms to come out of the digital age. Here we showcase ten masters of this technique and 48 examples of their stunning artwork, blending real photos with synthetic elements for a surreal result.</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://psdtuts.com/articles/inspiration/48-mind-blowing-examples-of-photo-manipulation-art/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/user.png" alt="10 Useful Techniques To Improve Your User Interface Designs" class="float"/></p>
<h4 class="web">10 Useful Techniques To Improve Your User Interface Designs</h4>
<p>Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s my collection of 10 that I think you’ll find useful in your work.</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://www.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/" target="_blank" class="web">Read More</a>
</div>
<h3>Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/call.png" alt="Web Design Trends: Call To Action Buttons" class="float"/></p>
<h4 class="web">Web Design Trends: Call To Action Buttons</h4>
<p>Call to action buttons are the buttons that you, as a web designer, want all your users to click on when they land on your page. Usually they&#8217;ll be a link to a download, signup or sale.</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://www.leemunroe.com/web-design-trends-call-to-action-signup-download-buttons/" target="_blank" class="web">Download</a>
</div>
<h3>Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/xmas.png" alt="Free Christmas Vector Icon Pack" class="float"/></p>
<h4 class="web">Free Christmas Vector Icon Pack</h4>
<p>Merry Christmas everyone! To celebrate this fabulous event, I’ve create a set of Christmas icon for you! I decided to release them in vector. There come in .ai, .eps and 60px X 60px png.</p>
<p><span class="web"><strong>Category:</strong> Vector Icon</span><a href="http://kailoon.com/free-christmas-vector-icon-pack/" target="_blank" class="web">Download</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-december-2008/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; November 2008</title>
		<link>http://kailoon.com/web-resources-november-2008/</link>
		<comments>http://kailoon.com/web-resources-november-2008/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 07:12:29 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=381</guid>
		<description><![CDATA[After redesign of LoonDesign, here became very happening. In November, we have 3 contests and also a few updates of the site. I missed the web roundup for past 2 months. Sorry. From now on, I will add in a new section call "Top List" of the month. Top list is a very useful and you can always bookmark them for future references.]]></description>
			<content:encoded><![CDATA[<p>After redesign of LoonDesign, here became very happening. In November, we have 3 contests and also a few updates of the site. I missed the web roundup for past 2 months. Sorry. From now on, I will add in a new section call &#8220;Top List&#8221; of the month. Top list is a very useful and you can always bookmark them for future references.</p>
<div class="clear"></div>
<h3>Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/copper.png" alt="How to Create a Copper Photoshop Text Effect" class="float"/></p>
<h4 class="web">How to Create a Copper Photoshop Text Effect</h4>
<p>This is a strong and eye-catching text effect, though relatively simple to create. We&#8217;ll be using bevel and emboss styles, pattern overlays, and combining different techniques to mock-up the text into a related background. </p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-copper-photoshop-text-effect/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/bullet.png" alt="Slow motion bullet shot effect" class="float"/></p>
<h4 class="web">Slow motion bullet shot effect</h4>
<p>In this tutorial I&#8217;m going to show you how to make a nice bullet shot effect. I decided to use a technologic object such as a remote control to show a lot of tiny parts flying off after the impact: the circuitboard, the buttons, a few chips&#8230;</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://www.photoshoptalent.com/photoshop-tutorials/pst/880/Slow-motion-bullet-shot-effect.html" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/fade.png" alt="Create a Sleek Illustration that Fades from Line Art to Color" class="float"/></p>
<h4 class="web">Create a Sleek Illustration that Fades from Line Art to Color</h4>
<p>In this tutorial, you will work with a few images you chose and you will create a nice looking illustration. The idea behind this illustration was to create a war between reality and line art. I tried to make this one simple, but at the same time to make it look good. I hope you enjoy the tutorial and try it with your own tools and stock.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/photo-effects-tutorials/create-a-sleek-illustration-that-fades-from-line-art-to-color/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/wood.png" alt="How to Illustrate a Wooden Frame on a Wall Scene" class="float"/></p>
<h4 class="web">How to Illustrate a Wooden Frame on a Wall Scene</h4>
<p>In this tutorial, you&#8217;ll learn how to draw a wooden frame. We&#8217;ll place a photo inside the frame, add some reflection and dirt to the glass, then place the frame on a wall. You can take your favorite picture and make it look like it&#8217;s hung in your home. Let&#8217;s get started!</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials/photo-effects-tutorials/how-to-illustrate-a-wooden-frame-on-a-wall-scene/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/font.png" alt="How to: Make a Hand-Drawn Font" class="float"/></p>
<h4 class="web">How to: Make a Hand-Drawn Font</h4>
<p>A short and simple tutorial guiding you to create your own set of fonts!</p>
<p><span class="web"><strong>Category:</strong> Hand Drawing, Font</span><a href="http://www.bittbox.com/fonts/how-to-make-a-hand-drawn-font/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/land.png" alt="How to Create a Textured Vector Landscape" class="float"/></p>
<h4 class="web">How to Create a Textured Vector Landscape</h4>
<p>In this tutorial, I will show you how to create a stylized textured vector landscape. The techniques are simple and easily translated into other illustrations.</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://vectortuts.com/tutorials/illustration/how-to-create-a-textured-vector-landscape/" target="_blank" class="web">Learn It Now</a>
</div>
<h3>Top List</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/social.png" alt="Develop a Social Media Website With These 10 Code Techniques" class="float"/></p>
<h4 class="web">Develop a Social Media Website With These 10 Code Techniques</h4>
<p>Here you&#8217;ll learn 10 clever coding techniques to help you build killer social media websites for yourself and your clients.</p>
<p><span class="web"><strong>Category:</strong> Web Development</span><a href="http://nettuts.com/articles/web-roundups/develop-a-social-media-website-with-these-10-code-techniques/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/eye.png" alt="30+ Eye-Opening Web Development Screencasts" class="float"/></p>
<h4 class="web">30+ Eye-Opening Web Development Screencasts</h4>
<p>We&#8217;ve all felt that haze that forms around your eyes when you&#8217;re trying to study lines and lines of code from a written tutorial. After an hour or so, you&#8217;re eyes simply become too weakened to continue reading. That&#8217;s why I&#8217;m such a huge fan of video tutorials. You can sit back and learn at your own pace. I&#8217;ve compiled a list of over thirty screencasts that are guaranteed to help you.</p>
<p><span class="web"><strong>Category:</strong> Web Development</span><a href="http://nettuts.com/articles/web-roundups/30-eye-opening-web-development-screencasts/" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/framework.png" alt="20 Great PHP frameworks for developers" class="float"/></p>
<h4 class="web">20 Great PHP frameworks for developers</h4>
<p>Take a look at this list with 20 great PHP frameworks and suggest that you prefer or a new link to a framework not included into this list.</p>
<p><span class="web"><strong>Category:</strong> Web Development</span><a href="http://woork.blogspot.com/2008/11/20-great-php-framework-for-developers.html" target="_blank" class="web">Read More</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/wallpaper.png" alt="40 Tutorials for Creating Wallpaper in Photoshop" class="float"/></p>
<h4 class="web">40 Tutorials for Creating Wallpaper in Photoshop</h4>
<p>Want to know how to create a wallpaper? Do it now.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://vandelaydesign.com/blog/design/wallpapers-in-photoshop/" target="_blank" class="web">Read More</a>
</div>
<h3>Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/iphone.png" alt="60 Free Vector Icon Packs for Design Professionals" class="float"/></p>
<h4 class="web">60 Free Vector Icon Packs for Design Professionals</h4>
<p>Vector icons are a dime a dozen, but how many would you actually use in professional work&#8211;or personal work you want to look professional? A very small percent, most likely. That&#8217;s why we&#8217;ve assembled the cream of the crop here, featuring only icon packs that are superbly good, yet completely free.</p>
<p><span class="web"><strong>Category:</strong> Vector Icon</span><a href="http://vectortuts.com/articles/web-roundups/60-free-vector-icon-packs-for-design-professionals/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/11/font-dl.png" alt="50 Incredible Fonts for Professional Web &amp; Print Design" class="float"/></p>
<h4 class="web">50 Incredible Fonts for Professional Web &amp; Print Design</h4>
<p>The web is rich with creative and amazing fonts, and the choice is enormous. So today we would like to present 50 incredible FONT which you can use for web or print design. This collection will sure help you improve your typography skills! Letâ€™s take a close look at some of the most beautiful fonts weâ€™ve found on the web.</p>
<p><span class="web"><strong>Category:</strong> Fonts</span><a href="http://www.noupe.com/fonts/50-free-fonts-for-professional-designs.html" target="_blank" class="web">Download</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-november-2008/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; August</title>
		<link>http://kailoon.com/web-resources-august/</link>
		<comments>http://kailoon.com/web-resources-august/#comments</comments>
		<pubDate>Sun, 31 Aug 2008 10:03:47 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=323</guid>
		<description><![CDATA[Here we come for the August web roundup. This is an important month for me. One of my free WrodPress Theme has featured in <a href="http://www.smashingmagazine.com/2008/08/25/30-free-high-quality-wordpress-themes/" target="_blank">smashingmagazine</a>!]]></description>
			<content:encoded><![CDATA[<p>Here we come for the August web roundup. This is an important month for me. One of my free WrodPress Theme has featured in <a href="http://www.smashingmagazine.com/2008/08/25/30-free-high-quality-wordpress-themes/" target="_blank">smashingmagazine</a>! I just can&#8217;t believe my eyes! I am very proud of it and I will try my best to release more high quality free themes if time allow&#8230; Okie, let&#8217;s see what&#8217;s how in August.<br />
<span id="more-323"></span></p>
<div class="clear"></div>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/vector.png" alt="Create a Glowing Abstract Light Vector Graphic" class="float"/></p>
<h4 class="web">Create a Glowing Abstract Light Vector Graphic</h4>
<p>This tutorial is showing you how to create a glowing light abstract vector graphic. The great thing about this tutorial is it doesn&#8217;t use any raster effects. The final illustration is all vector!</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://vectortuts.com/illustration/create-a-glowing-abstract-light-vector-graphic/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/fruits.png" alt="Create a Citrus Fruit Design From Scratch in Photoshop" class="float"/></p>
<h4 class="web">Create a Citrus Fruit Design From Scratch in Photoshop</h4>
<p>Learn how being deliberately &#8220;sloppy&#8221; and imperfect can add organic charm to a creation. Pick up some great uses for everyday filters. Then integrate it all into a large design. I highly recommend this.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/drawing/create-a-citrus-fruit-design-from-scratch-in-photoshop/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/glass.png" alt="Illustrating a Cool Glass of Beer" class="float"/></p>
<h4 class="web">Illustrating a Cool Glass of Beer</h4>
<p>In this tutorial, we&#8217;re going to draw a beer glass with some beer in it. We&#8217;ll create the shiny curly glass with reflection, put some beer in it, add some bubbles, and finally we&#8217;ll make the shadow and the reflections. Meanwhile, I hope you&#8217;ll have some fun and learn some cool technics too.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/drawing/illustrating-a-cool-glass-of-beer//" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/facebook.png" alt="Build Your First Facebook App" class="float"/></p>
<h4 class="web">Build Your First Facebook App</h4>
<p>So you want to build a Facebook application and reach literally millions of users. Well luckily, writing an application using the API isn&#8217;t too hard to learn (for the basics, anyway). In this tutorial we will write a Facebook app that generates a random quote to display on the user&#8217;s profile.</p>
<p><span class="web"><strong>Category:</strong> Application, Programming</span><a href="http://nettuts.com/misc/build-your-first-facebook-app/" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/wing.png" alt="Free Vector Wing Pack" class="float"/></p>
<h4 class="web">Free Vector Wing Pack</h4>
<p>A high quality  vector pack.</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://www.bittbox.com/os-x/free-vector-wing-pack/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/king.png" alt="Brushes King" class="float"/></p>
<h4 class="web">Brush King</h4>
<p>A huge collection of brushes for you to download!</p>
<p><span class="web"><strong>Category:</strong> Photoshop Brushes</span><a href="http://www.brushking.eu/" target="_blank" class="web">Download</a>
</div>
<h3 class="web">Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/code.png" alt="10 Ways to Save Time While Building a Website" class="float"/></p>
<h4 class="web">10 Ways to Save Time While Building a Website</h4>
<p>As a freelance web developer, time is money. It is important to manage your time better. Then, you can increase the productivity as well!</p>
<p><span class="web"><strong>Category:</strong> Tips, Web Development</span><a href="http://reencoded.com/2008/08/04/10-ways-to-save-time-while-building-a-website/#more" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/peak.png" alt="10 Useful CSS tricks to conquer the world!" class="float"/></p>
<h4 class="web">10 Useful CSS tricks to conquer the world!</h4>
<p>Want to learn mroe about CSS? This articles should give you some idea on how to do it!</p>
<p><span class="web"><strong>Category:</strong> CSS</span><a href="http://www.peakflowdesign.com/design/10-useful-css-tricks-to-conquer-the-world/" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/smash.png" alt="10 Weblog Engines Reviewed" class="float"/></p>
<h4 class="web">10 Weblog Engines Reviewed</h4>
<p>If yout still new in blogging and don&#8217;t know which CMS suit you the best. Your better take a look into this article. The are some good points and examples for you as references too.</p>
<p><span class="web"><strong>Category:</strong> CSS</span><a href="http://www.smashingmagazine.com/2008/08/29/10-weblog-engines-reviewed/" target="_blank" class="web">Read more</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-august/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; July</title>
		<link>http://kailoon.com/web-resources-july/</link>
		<comments>http://kailoon.com/web-resources-july/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 08:44:17 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=315</guid>
		<description><![CDATA[Step into August, there is only 1 thing in my mind. Beijing Olympic 2008! I am not a big fans of olympic. But I do enjoy some of the sports. Basketball and football and table tennis (ping pong). This time is even more excited because it is hosted in China! All the while, I admire [...]]]></description>
			<content:encoded><![CDATA[<p>Step into August, there is only 1 thing in my mind. <a href="http://en.beijing2008.cn/" target="_blank">Beijing Olympic 2008</a>! I am not a big fans of olympic. But I do enjoy some of the sports. Basketball and football and table tennis (ping pong). This time is even more excited because it is hosted in China! All the while, I admire the culture in China. Espcially the Chinese Traditional Painting. I try to do that in photoshop several times before, I failed. Anyone can show me the way? This month, I didn&#8217;t explore much because I am busy with something else. Anyway, I still found some interesting stuffs to share with you.</p>
<h3>Take It Easy</h3>
<p>I found this in youtube and it is very funny. I know it is some kind of offence, but the purpose I post it here is because of the creativity from the author. I like the logo actually, it contains China own traditional art, culture and also not forgotten to add in some trendy elements. </p>
<p><object width="500" height="400"><param name="movie" value="http://www.youtube.com/e/kdqa8_RB8Mg"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/e/kdqa8_RB8Mg" type="application/x-shockwave-flash" width="500" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Okie, now let&#8217;s go for this month&#8217;s roundup.</p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/10.png" alt="10 Techniques That are Essential For Successful Photo Manipulation Artwork" class="float"/></p>
<h4 class="web">10 Techniques That are Essential For Successful Photo Manipulation Artwork</h4>
<p>A collection of awesome techniques for photoshop manipulation artwork. IT nearly cover all aspect.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/articles/10-techniques-that-are-essential-for-successful-photo-manipulation-artwork/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/hell.png" alt="Hell of Tutorial in Photoshop" class="float"/></p>
<h4 class="web">Hell of Tutorial in Photoshop</h4>
<p>An inspiration by Collis&#8217; <a href="http://psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/" target="_blank">Dramatic Text on Fire Effect in Photoshop</a>. The result is amazing! I like it!</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://abduzeedo.com/hell-tutorial-photoshop" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/wordpress1.png" alt="How To Create WordPress Themes From Scratch" class="float"/></p>
<h4 class="web">How To Create WordPress Themes From Scratch</h4>
<p>A complete tutorial guiding you on creating wordpress theme from scrath. I wrote it. Feel free to leave me some comments <img src='http://kailoon.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
<p><span class="web"><strong>Category:</strong> Photoshop, CSS, WordPress</span><a href="http://themetation.com/how-to-create-wordpress-themes-from-scratch-part-1/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/product.png" alt="Create a Simple, Powerful Product Highlighter with MooTools" class="float"/></p>
<h4 class="web">Create a Simple, Powerful Product Highlighter with MooTools</h4>
<p>A great animation created using Ajax and Javascript. It can make your site look more lively!</p>
<p><span class="web"><strong>Category:</strong> Javascript / Ajax</span><a href="http://nettuts.com/site-builds/create-a-simple-powerful-product-highlighter-with-mootools/" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/texture.png" alt="Free High-Res Texture Pack: The Anatomy of a *Really* Old Book" class="float"/></p>
<h4 class="web">Free High-Res Texture Pack: The Anatomy of a *Really* Old Book</h4>
<p>There are 12 textures, all over 3000px. You can see them all individually on flickr by clicking on each image, or download all of them in a zip at the bottom.</p>
<p><span class="web"><strong>Category:</strong> Texture</span><a href="http://www.bittbox.com/freebies/free-high-res-texture-pack-the-anatomy-of-a-really-old-book/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/brush.png" alt="Free High-Res Photoshop Brushes: Grungy Watercolor" class="float"/></p>
<h4 class="web">Free High-Res Photoshop Brushes: Grungy Watercolor</h4>
<p>Watercolor and india ink. Hope you put them to good use.</p>
<p><span class="web"><strong>Category:</strong> Brushes</span><a href="http://www.bittbox.com/freebies/free-high-res-photoshop-brushes-grungy-watercolor/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/wood.png" alt="Overdue wood texture pack" class="float"/></p>
<h4 class="web">Overdue wood texture pack</h4>
<p>The first free wood texture pack: 9 high quality shots of different kinds of wood including stacks, benches and shingles.</p>
<p><span class="web"><strong>Category:</strong> Texture</span><a href="http://www.highresolutiontextures.com/free-wood-texture-pack" target="_blank" class="web">Download</a>
</div>
<h3 class="web">Article</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/wordpress.png" alt="WordPress Template Tags Reference Guide" class="float"/></p>
<h4 class="web">WordPress Template Tags Reference Guide</h4>
<p>A complete WordPress Template Tags Guide! I found it very useful when developing a wordpress theme. You better have a look if you want to build your own theme.</p>
<p><span class="web"><strong>Category:</strong> WordPress</span><a href="http://www.dbswebsite.com/design/wordpress-reference/" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/08/toplist.png" alt="CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices" class="float"/></p>
<h4 class="web">CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices</h4>
<p>Want to learn how to build CSS layout? Here is a good place for you.</p>
<p><span class="web"><strong>Category:</strong> CSS</span><a href="http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html" target="_blank" class="web">Read more</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-july/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; June</title>
		<link>http://kailoon.com/web-resources-june/</link>
		<comments>http://kailoon.com/web-resources-june/#comments</comments>
		<pubDate>Sun, 29 Jun 2008 18:44:44 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=257</guid>
		<description><![CDATA[Time for the web round-up for June. Today is the final for Euro 2008. 45 minutes before the match start, I am here writing for this month my highly rated articles and web resources. In this month, I made a few updates for LD. I created a flickr group for LoonDesign, a web design news [...]]]></description>
			<content:encoded><![CDATA[<p>Time for the web round-up for June. Today is the final for Euro 2008. 45 minutes before the match start, I am here writing for this month my highly rated articles and web resources. In this month, I made a few updates for LD. I created a <a href="http://flickr.com/groups/loondesign/pool" target="_blank">flickr group for LoonDesign</a>, a <a href="http://kailoon.com/web-design-news#news-reply" target="_blank">web design news submission</a> page and also the <strong>similar posts function</strong> in the end of every posts. Today, I just accept the first photo to the flickr group from <a href="http://www.flickr.com/photos/24151643@N03/2611887867/in/pool-539234@N25" target="_blank">stefany_1</a>. Well, thanks. Let&#8217;s see what we have in June. I read quite a lot this month &#8230;</p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/eye.png" alt="The Making of Mystic" class="float"/></p>
<h4 class="web">The Making of Mystic</h4>
<p>An amazing tutorial by Nik Ainley. The process of making a spectacular image. This tutorial focuses on the big picture steps taken to create this image. You&#8217;ll learn some incredible techniques in this tutorial, and creates beautiful photo-manipulation based images.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/designing-tutorials/the-making-of-mystic/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/line.png" alt="Trendy Geometric Lines Design Tutorial" class="float"/></p>
<h4 class="web">Trendy Geometric Lines Design Tutorial</h4>
<p>A good tutorial which combining Photoshop and Illustrator work. Showing you how to create brushes in Illustrator. Simple but yet effective.</p>
<p><span class="web"><strong>Category:</strong> Photoshop, Illustrator</span><a href="http://www.blog.spoongraphics.co.uk/tutorials/trendy-geometric-lines-design-tutorial/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/tree.png" alt="Digitally Paint a Fantasy Tree Scene" class="float"/></p>
<h4 class="web">Digitally Paint a Fantasy Tree Scene</h4>
<p>Learn how to make a fantasy scene using only standard photoshop brushes. In this tutorial, you can learn the basic concept in choosinf colors. Digital painting tutorial is always something really hard to explain and learn. I prefer to watch it in video. But this is also a nice one to foloow.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/drawing/digitally-paint-a-fantasy-tree-scene/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/ajax.png" alt="Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous" class="float"/></p>
<h4 class="web">Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous</h4>
<p>In this tutorial, they are showingshowing hwo to use the Prototype and Scriptaculous libraries to create a lightweight, intelligent accordion. here is the <a href="http://nettuts.s3.amazonaws.com/015_Accordion/accordion-final.html" target="_blank">live example of output</a>.</p>
<p><span class="web"><strong>Category:</strong> javascript, Ajax</span><a href="http://nettuts.com/javascript-ajax/create-a-simple-intelligent-accordion-effect-using-prototype-and-scriptaculous/" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/vectips.png" alt="Free Watercolor Brushes and Tutorial" class="float"/></p>
<h4 class="web">Free Watercolor Brushes and Tutorial</h4>
<p>A good tutorial and free download by RYPE. Recently, I am following his tutorial in learning Illustrator. I found that it is useful, easy to understand and effective. Sometimes I just shock with the usage of Illustrator can be this far!</p>
<p><span class="web"><strong>Category:</strong> Illustrator, Vector</span><a href="http://vectips.com/tutorials/free-watercolor-brushes-and-tutorial/" target="_blank" class="web">Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/animal.png" alt="Free Vector Pack - Safari and Zoo Animalsl" class="float"/></p>
<h4 class="web">Free Vector Pack &#8211; Safari and Zoo Animals</h4>
<p>A free collection of vector animal silhouettes, featuring a range of land based mammals alongside some aquatic life.  As always, feel free to download and use in your personal or commercial projects.</p>
<p><span class="web"><strong>Category:</strong> Vector</span><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vector-pack-safari-and-zoo-animals" target="_blank" class="web">Download</a>
</div>
<h3 class="web">Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/vitamin.png" alt="Building and managing virtual teams" class="float"/></p>
<h4 class="web">Building and managing virtual teams</h4>
<p><a href="http://www.wildbit.com/" target="_blank">Chris Nagele</a> is giving some guides in how to build and manage virtual teams. I like the way he did it. His first point is already take my heart, skip the resume! I don&#8217;t think this can happen in Malaysia. Well, still a good article to go for.</p>
<p><span class="web"><strong>Category:</strong> Team Management</span><a href="http://www.thinkvitamin.com/features/biz/building-and-managing-virtual-teams" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/basic.png" alt="Want to know how to design? Learn The Basics" class="float"/></p>
<h4 class="web">Want to know how to design? Learn The Basics</h4>
<p>&#8220;Want to know how to design? Then you should learn the basics of design. The basic elements of design include colour, line, shape, scale, space, texture &#8230;&#8221;</p>
<p><span class="web"><strong>Category:</strong> Design</span><a href="http://justcreativedesign.com/2008/06/13/how-to-design-learn-the-basics/" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/zen.png" alt="How to Get a Lot Done â€“ 7 Tips to Achieve More" class="float"/></p>
<h4 class="web">How to Get a Lot Done â€“ 7 Tips to Achieve More</h4>
<p>Have you ever written out a list of goals youâ€™d like to achieve and thought, &#8216;How can I get all this done&#8217;? Or seen an opportunity that you&#8217;ve had to pass by because you are just flat out? An interview with Collis, I am one of his biggest fans. So, I strongly recommend this!</p>
<p><span class="web"><strong>Category:</strong> Management, Idea</span><a href="http://zenhabits.net/2008/06/how-to-get-a-lot-done-%E2%80%93-7-tips-to-achieve-more/" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/fix.png" alt="Flexible Layouts: Challenge For The Future" class="float"/></p>
<h4 class="web">Flexible Layouts: Challenge For The Future</h4>
<p>For me, I prefer fixed. Because of easier management due to huge of dynamic content in blogging, especially when using image. But, my boss prefer flexible. actually, I&#8217;m still ok with that. But, how to use flexible in blog, with a lot of shading in layout, different sizes of images in post and he said&#8221; flexible layout  is web 2.0. what you say?</p>
<p><span class="web"><strong>Category:</strong> Web Standard</span><a href="http://www.smashingmagazine.com/2008/06/26/flexible-layouts-challenge-for-the-future/#comment-235616" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/trends.png" alt="2008 Design Trends" class="float"/></p>
<h4 class="web">2008 Design Trends</h4>
<p>Want to know what is the design trend now? Better check this out. You may find the answer. I think all of them are good. &#8220;right thing on the right place&#8221;. It make sense.</p>
<p><span class="web"><strong>Category:</strong> Design</span><a href="http://www.webdesignerwall.com/trends/2008-design-trends/" target="_blank" class="web">Read more</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-june/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; May</title>
		<link>http://kailoon.com/web-resources-may/</link>
		<comments>http://kailoon.com/web-resources-may/#comments</comments>
		<pubDate>Sat, 31 May 2008 18:37:01 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=237</guid>
		<description><![CDATA[May, this is a big month for me. I just release my first ever free wordpress theme. So far, I received quite a lot of feedback from it. Good and bad. I am happy with them. There are several errors or bugs occurred for the first release version. However, I manage to solved it regarding [...]]]></description>
			<content:encoded><![CDATA[<p>May, this is a big month for me. I just release my first ever <a href="http://themetation.com/blue-blog/" title="free wordpress theme" target="_blank">free wordpress theme</a>. So far, I received quite a lot of feedback from it. Good and bad. I am happy with them. There are several errors or bugs occurred for the first release version. However, I manage to solved it regarding to the useful feedback from the users. Thanks a lot. I am here to say thank you to all of them whoever used or using my free theme. I will try my best and release more in the future and contribute more to wordpress. Here we come, the best that I found from web in May. Enjoy &#8230;</p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/retro.png" alt="Mix Cool Retro Curves Into Your Photographs" class="float"/></p>
<h4 class="web">Mix Cool Retro Curves Into Your Photographs</h4>
<p>It gives a retro feeling to the design, but at the same time he uses a modern approach. This inspired me a lot. I like the effect. It is simple and effective! You can easily feel it!</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials-effects/mix-cool-retro-curves-into-your-photographs/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/grass.png" alt="Create a Spectacular Grass Text Effect in Photoshop" class="float"/></p>
<h4 class="web">Create a Spectacular Grass Text Effect in Photoshop</h4>
<p>This is another amazing tutorial from Collis. The result is great. He always give us surprise in ordinary way. I like it!</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/gallery.png" alt="CSS Decorative Gallery" class="float"/></p>
<h4 class="web">CSS Decorative Gallery</h4>
<p>Another simple technique applied but come out with something amazing from Nick La. A simple span tag to settle it. You must not miss this one.</p>
<p><span class="web"><strong>Category:</strong> CSS, Web Development</span><a href="http://www.webdesignerwall.com/tutorials/css-decorative-gallery/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/illus.png" alt="Create Non-Raster Drop Shadows" class="float"/></p>
<h4 class="web">Create Non-Raster Drop Shadows</h4>
<p>This is my new resource site to learn something interesting about Illustrator. I learn a lot of important basic and advance skills from them. </p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://vectips.com/tutorials/create-non-raster-drop-shadows/" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/seo.png" alt="SEO Guide for Designers" class="float"/></p>
<h4 class="web">SEO Guide for Designers</h4>
<p>This is a must read araticle for a web designer. If you still don&#8217;t know how important SEO is for web development. I suggest that you better head over and read it on. Then, apply to all the works in the future for your clients.</p>
<p><span class="web"><strong>Category:</strong> Web Development, SEO</span><a href="http://www.webdesignerwall.com/general/seo-guide-for-designers/" target="_blank" class="web">Read more</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/06/sc.png" alt="10 Steps to a Successful Design Project" class="float"/></p>
<h4 class="web">10 Steps to a Successful Design Project</h4>
<p>Want have a successful design project? Wonder how to do it? Read this, don&#8217;t miss those comments from other readers too.</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://vandelaydesign.com/blog/design-process/steps-successful-design/" target="_blank" class="web">Read more</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-may/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; April</title>
		<link>http://kailoon.com/web-resources-april/</link>
		<comments>http://kailoon.com/web-resources-april/#comments</comments>
		<pubDate>Wed, 30 Apr 2008 11:54:28 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=230</guid>
		<description><![CDATA[Wow, April had past. We step into May now. Anyway, April was an exciting month for the web developer/designer. The launch of Nettuts has bring a new heat to the tutorial industry. Nettuts is a new site after PSDTuts. You can find some high quality web design/development tutorial from the site. The first tutorial about [...]]]></description>
			<content:encoded><![CDATA[<p>Wow, April had past. We step into May now. Anyway, April was an exciting month for the web developer/designer. The launch of Nettuts has bring a new heat to the tutorial industry. Nettuts is  a new site after PSDTuts. You can find some high quality web design/development tutorial from the site. The first tutorial about <a href="http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/" title="Nettuts" target="_blank">Create a Slick Tabbed Content Area using CSS &#038; jQuery</a> was receiving 120 comments so far.</p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/04/wave.png" alt="Create a Powerful Mental Wave Explosion Effect" class="float"/></p>
<h4 class="web">Create a Powerful Mental Wave Explosion Effect</h4>
<p>This tutorial will show you how to create a crazy explosion, like a mix of Magneto&#8217;s ability with Peter Petrelli&#8217;s power. Even though it may look like a difficult tutorial, it&#8217;s really not that hard.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials-effects/create-a-powerful-mental-wave-explosion-effect/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/04/blue.png" alt="Enhance Your Ad Designs with 3D Splashes" class="float"/></p>
<h4 class="web">Enhance Your Ad Designs with 3D Splashes</h4>
<p>This tutorial will show you a creative process that gets you using your crazy brain. The workflow for creating the splashes involves taking photographs of thrown paint. Through photography you can capture amazing 3D images without the need for 3D software. Learn to make a splash in your next design.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/photo-effects-tutorials/enhance-your-ad-designs-with-3d-splashes/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/04/flash.png" alt="Parallax Gallery" class="float"/></p>
<h4 class="web">Parallax Gallery</h4>
<p>In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. Parallax scrolling is frequently used in most 2D animation and games, where the background images and foreground images scroll at different rate of speed.</p>
<p><span class="web"><strong>Category:</strong> Flash</span><a href="http://www.webdesignerwall.com/tutorials/parallax-gallery/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/04/swirl.png" alt="Swirl Mania in Illustrator &#038; Photoshop" class="float"/></p>
<h4 class="web">Swirl Mania in Illustrator &#038; Photoshop</h4>
<p>Tutorial will show 4 ways to create swirls, and by mixing them you will learn some very powerful techniques that will allow you to easily make tons of different styles of swirls and crazy sperm vectors.</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://abduzeedo.com/swirl-mania-illustrator-photoshop" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/04/wing.png" alt="Free High-Res Photoshop Brushes: Grungy Wings" class="float"/></p>
<h4 class="web">Free Hi-Res Photoshop Brushes: Messy Spraypaint</h4>
<p>A very high res and useful brush for those how like grunge design.</p>
<p><span class="web"><strong>Category:</strong> Photoshop Brushes</span><a href="http://www.bittbox.com/freebies/free-high-res-photoshop-brushes-grungy-wings/" target="_blank" class="web">View &amp; Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/04/wood.png" alt="Free Hi Resolution Wood Textures" class="float"/></p>
<h4 class="web">Free Hi Resolution Wood Textures</h4>
<p>Perfect wooden Texture.</p>
<p><span class="web"><strong>Category:</strong> Photoshop Texture</span><a href="http://www.bittbox.com/all/free-hi-resolution-wood-textures/" target="_blank" class="web">View &amp; Download</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-april/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; March</title>
		<link>http://kailoon.com/web-resources-march/</link>
		<comments>http://kailoon.com/web-resources-march/#comments</comments>
		<pubDate>Tue, 25 Mar 2008 15:05:44 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/web-resources-march/</guid>
		<description><![CDATA[Time past fast, it is month end soon for March. LoonDesign doesn&#8217;t have much update since last post. Kai Loon is a bit bust with his premanent job recently and also his first WordPress theme is also nearly done. I will talk more about it in my next post, please stay tune if you are [...]]]></description>
			<content:encoded><![CDATA[<p>Time past fast, it is month end soon for March. LoonDesign doesn&#8217;t have much update since last post. Kai Loon is a bit bust with his premanent job recently and also his first WordPress theme is also nearly done. I will talk more about it in my next post, please stay tune if you are interested on the themes by Kai Loon. Well, what Kai Loon read in this March? well, there are always many to share with you. This month, Kai Loon found many freebies for you. The most impressed part would be the tutorial by <a href="http://abduzeedo.com/" target="_blank">fabio</a> in <a href="http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion-effect/" target="_blank">Seriously Cool Photoshop Explosion Effect</a>.</p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/light.png" alt="Seriously Cool Photoshop Explosion Effect" class="float"/></p>
<h4 class="web">Seriously Cool Photoshop Explosion Effect</h4>
<p>Explosions are cool. Seriously cool.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials-effects/seriously-cool-photoshop-explosion-effect/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/cond.png" alt="Illustrate a Traffic Cone Icon in Photoshop" class="float"/></p>
<h4 class="web">Illustrate a Traffic Cone Icon in Photoshop</h4>
<p>A drawing tutorial in creating a traffic cone. The effect is nice and trendy. Check it out!</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/drawing/illustrate-a-traffic-cone-icon-in-photoshop/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/ill.png" alt="Create a Colourful Abstract Wavy Ribbon" class="float"/></p>
<h4 class="web">Create a Colourful Abstract Wavy Ribbon</h4>
<p>A very simple but effective way to draw an wavy ribbon in illustrator.</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://www.blog.spoongraphics.co.uk/tutorials/illustrator-tutorial-create-a-colourful-abstract-wavy-ribbon" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/brush.png" alt="Free Hi-Res Photoshop Brushes: Messy Spraypaint" class="float"/></p>
<h4 class="web">Free Hi-Res Photoshop Brushes: Messy Spraypaint</h4>
<p>10 high res brushes for you. These arenâ€™t traditional spraypaint brushes. Most of them are 2500px, and I also included PNGs for anyone not using Photoshop. CS1 &#038; CS3 brushes, PNGs, screenshots after the jump.</p>
<p><span class="web"><strong>Category:</strong> Photoshop Brushes</span><a href="http://www.bittbox.com/freebies/free-hi-res-photoshop-brushes-messy-spraypaint/" target="_blank" class="web">View &amp; Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/header.png" alt="Blog Headers For Free Download" class="float"/></p>
<h4 class="web">Blog Headers For Free Download</h4>
<p>This post presents the results of the contest â€” 45 beautiful blog header designs you can use for free</p>
<p><span class="web"><strong>Category:</strong> Blog Header</span><a href="http://www.smashingmagazine.com/2008/03/05/blog-headers-for-free-download/" target="_blank" class="web">View &amp; Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/css.png" alt="10 CSS Form Examples" class="float"/></p>
<h4 class="web">10 CSS Form Examples</h4>
<p>Forms can be greatly enhanced with a touch of CSS, making them more usable and far more visually attractive. Follow some of the examples below and you&#8217;ll be creating stunning CSS forms in no time at all.</p>
<p><span class="web"><strong>Category:</strong> CSS</span><a href="http://designshack.co.uk/tutorials/10-css-form-examples" target="_blank" class="web">View &amp; Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/but.png" alt="Graphic Web Buttons" class="float"/></p>
<h4 class="web">Graphic Web Buttons</h4>
<p>A collection of usefull buttons for you to develop a web/blog.</p>
<p><span class="web"><strong>Category:</strong> Buttons</span><a href="http://www.soulvisual.com/blog/index.php?2008/03/04/73-12-boutons-gratuits-pour-votre-site" target="_blank" class="web">View &amp; Download</a>
</div>
<h3 class="web">Articles</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/vit.png" alt="Coding for the mobile web" class="float"/></p>
<h4 class="web">Coding for the mobile web</h4>
<p>A deep research and comaprison between normal web and mobile web. Check this out if you still have no idea how mobile web works.</p>
<p><span class="web"><strong>Category:</strong> CSS | Mobile Web</span><a href="http://www.thinkvitamin.com/features/css/coding-for-the-mobile-web" target="_blank" class="web">Read Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/tips.png" alt="How to ruin your website in 10 easy steps" class="float"/></p>
<h4 class="web">How to ruin your website in 10 easy steps</h4>
<p>A good article to advise designer what they can&#8217;t do when designing a quality website. I think it is basic for those experienced designers but basic is always the most important. Right?</p>
<p><span class="web"><strong>Category:</strong> Web Design</span><a href="http://dustinbrewer.com/how-to-ruin-your-website-in-10-easy-steps/" target="_blank" class="web">Read Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/theme.png" alt="The Future of WordPress Themes" class="float"/></p>
<h4 class="web">The Future of WordPress Themes</h4>
<p>As you know, I am going to release my first wordpress theme soon. So, I do some research on it. I found this useful article. Am I too late to start releasing wordpress themes? Hmmm&#8230;</p>
<p><span class="web"><strong>Category:</strong> WordPress Themes</span><a href="http://themeshaper.com/the-future-of-wordpress-themes/" target="_blank" class="web">Read Now</a>
</div>
<h3 class="web">Inspired Site</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/spirol.png" alt="christiansparrow" class="float"/></p>
<h4 class="web">christiansparrow</h4>
<p>A excellent work by Christian Sparrow. Flash site that you can find its strong personality and skills of the designer. A great site to go.</p>
<p><span class="web"><strong>Category:</strong> Inspired Web Design</span><a href="http://www.christiansparrow.com" target="_blank" class="web">Visit to get inspired now!</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-march/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Web Resources &#8211; February</title>
		<link>http://kailoon.com/web-resources-february/</link>
		<comments>http://kailoon.com/web-resources-february/#comments</comments>
		<pubDate>Mon, 03 Mar 2008 20:23:30 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
				<category><![CDATA[Web Resources]]></category>

		<guid isPermaLink="false">http://kailoon.com/web-resources-february/</guid>
		<description><![CDATA[Started from this month, Kai Loon will provide the monthly collection of the quality sites, tutorials, resources and articles for LoonDesign readers. It is a nice collection for you to browse them in one shot! Well, since Kai Loon is addicted to web design. The content will be mainly focus on the related field. Even [...]]]></description>
			<content:encoded><![CDATA[<p>Started from this month, Kai Loon will provide the monthly collection of the quality sites, tutorials, resources and articles for LoonDesign readers. It is a nice collection for you to browse them in one shot! Well, since Kai Loon is addicted to web design. The content will be mainly focus on the related field. Even thought LoonDesign only provide photoshop, Illustrator and recently added CSS tricks but Kai Loon will also provide resources sites for Javascript or any other web developer&#8217;s helpful resources. There are mainly 3 section for the Monthly Web Resources entry. There are <strong>Tutorials</strong>, <strong>Freebies</strong> and <strong>Inspired Web Design</strong> (not really the latest launched). Kai Loon will also select 1 of the most inspired site to be featured on the top right of LoonDesign.</p>
<p>It is quite happening in last February, there are a lot of good stuffs out there and I try to sorted them out to ease your daily browsing. here we go &#8230;</p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/wood.png" alt="wood effect" class="float"/></p>
<h4 class="web">How to Put Smoking Bullet Holes and a Wanted Sign into a Piece of Wood</h4>
<p>A 3 in 1 tutorial. An awesome wood emboss effect like a bullet hole on the wood. A hot one, with moske.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/monkey.png" alt="monkey" class="float"/></p>
<h4 class="web">Drunken Monkey Photoshop Tutorial</h4>
<p>This is a complete tutorial that covers the whole process in creating a drunken moneky character. A must read tutorial!</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/Quick-Grungy-Poster.png" alt="Grungy" class="float"/></p>
<h4 class="web">Quick Grungy Poster</h4>
<p>A quick way to create a grunge poster. A good tutorial for the grungy lovers.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com/designing-tutorials/quick-grungy-poster/" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/report-cover.png" alt="Report Cover" class="float"/></p>
<h4 class="web">Design a Business Report Cover</h4>
<p>Creating a classic design layout in Illustrator. A good way to learn the #D tool to make a set of buildings. A simple a useful tutorial.</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://aiburn.com/article/design_a_business_report_cover" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/fish.png" alt="Fish" class="float"/></p>
<h4 class="web">How To Create Your Own Vector Cartoon Character</h4>
<p>A very details drawing tutorial to show the process from sketch to vector. Good one for the artist!</p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-your-own-cartoon-character" target="_blank" class="web">Learn It Now</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/jquery.png" alt="JQuery" class="float"/></p>
<h4 class="web">jQuery Tutorials for Designers</h4>
<p>This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. It is a must read for the web developers. Don&#8217;t waste time, just click and read!</p>
<p><span class="web"><strong>Category:</strong> CSS | JQuery</span><a href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/" target="_blank" class="web">Learn It Now</a>
</div>
<h3 class="web">Freebies</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/spray.png" alt="SprayPaint" class="float"/></p>
<h4 class="web">Free Hi-Res Spraypaint Photoshop Brushes Set Two</h4>
<p>A collection of large 2500px spray paint photoshop brushes. Ths set consists of six more brushes comprising of splatters, drips and fine sprays.</p>
<p><span class="web"><strong>Category:</strong> Photoshop Brushes</span><a href="http://www.blog.spoongraphics.co.uk/freebies/free-hi-res-spraypaint-photoshop-brushes-set-two" target="_blank" class="web">View &amp; Download</a>
</div>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/tele.png" alt="Telegrafico" class="float"/></p>
<h4 class="web">telegrafico</h4>
<p>Licensed under a Creative Commons Attribution Noncommercial Share Alike 3.0 License. TrueType (.ttf).</p>
<p><span class="web"><strong>Category:</strong> Free Font</span><a href="http://ficod.deviantart.com/art/telegrafico-65509498" target="_blank" class="web">View &amp; Download</a>
</div>
<h3 class="web">Inspired Site</h3>
<div class="web">
<img src="http://kailoon.com/wp-content/uploads/2008/03/jquery.png" alt="WebDesignerWall" class="float"/></p>
<h4 class="web">Web Designer Wall</h4>
<p>Web Designer Wall is designed and maintained by Nick La who also runs <a href="http://www.ndesign-studio.com/" target="_blank" >N.Design Studio</a> and <a href="http://bestwebgallery.com/" target="_blank" >Best Web Gallery</a>. </p>
<p><span class="web"><strong>Category:</strong> Inspired Web Design</span><a href="http://www.webdesignerwall.com/" target="_blank" class="web">Visit to get inspired now!</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-february/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

