<?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"
	>

<channel>
	<title>Loon Design</title>
	<atom:link href="http://kailoon.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://kailoon.com</link>
	<description>Tutorials Blog &#124; Web design &#124; WordPress Themes</description>
	<pubDate>Thu, 03 Jul 2008 10:16:32 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Web Resources - 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><img src="/web-resources/icon.png" alt="web resources" class="float"/><br />
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>
<p><span id="more-257"></span></p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="/web-resources/june/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="/web-resources/june/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="/web-resources/june/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="/web-resources/june/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="/web-resources/june/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="/web-resources/june/animal.png" alt="Free Vector Pack - Safari and Zoo Animalsl" class="float"/></p>
<h4 class="web">Free Vector Pack - 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="/web-resources/june/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="/web-resources/june/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="/web-resources/june/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="/web-resources/june/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="/web-resources/june/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>
Similar Posts:<ul><li><a href="http://kailoon.com/web-resources-march/" rel="bookmark" title="Mar 25, 2008">WEB RESOURCES - MARCH</a></li>

<li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>

<li><a href="http://kailoon.com/web-resources-april/" rel="bookmark" title="Apr 30, 2008">Web Resources - April</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>

<li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>
</ul><!-- Similar Posts took 5.835 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-june/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Site Updates</title>
		<link>http://kailoon.com/site-upadates/</link>
		<comments>http://kailoon.com/site-upadates/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 10:56:10 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=256</guid>
		<description><![CDATA[
Hi all, another update for LD today. I have been working on this site to add in some extra functions. It is hard to choose which to use and which not to use. Finally, I back to basic. Think over what my purpose to run this site. What&#8217;s my readers want? How can I provide? [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/blog.png" alt="blog update" class="float" /><br />
Hi all, another update for LD today. I have been working on this site to add in some extra functions. It is hard to choose which to use and which not to use. Finally, I back to basic. Think over what my purpose to run this site. What&#8217;s my readers want? How can I provide? I always say that know more about your readers is always a good way yo improve our blog content quality. In the process, I manage to learn something new and find something useful again, from the word wide web. Let&#8217;s see what&#8217;s new here.</p>
<p><span id="more-256"></span></p>
<h3>Web Design News</h3>
<p><center><a href="http://kailoon.com/web-design-news#news-reply" target="_blank"><img src="/content_image/update/web-design-news.png" alt="blog update" class="border" /></a></center><br />
I add in this new feature here to allow my readers get more web design related news. Besides, design only news also welcome. In other hand, whoever wish to promote or share their own or other&#8217;s articles will be always welcome. This take me about a day to finish it. I&#8217;ve tried out a few methods, but failed. I am not good in php. Since I am using wordpress. So, I back to it. I try to modify the comment.php and add in new input fields for extra info. I use <strong>Extra Comment Fields plugin</strong> from <a href="http://www.ideashower.com/" target="_blank">Nate Weiner</a>. You can see there is a new section in the right sidebar. This also means that your submission will gain a link from here in every pages. <a href="http://kailoon.com/web-design-news#news-reply" target="_blank">Submit now</a> if you want.</p>
<p>After that, play a round with css style. Done. The funny thing is, just right after I finished the modification. I notice there is a new entry by Collis in <a href="http://nettuts.com/working-with-cmss/hack-together-a-user-contributed-link-feed-with-wordpress-comments/" target="_blank">Nettus</a> about this trick. However, I sticked to what I had did. I am using a page for it but they are using a post. But according to Collis, they will ask <a href="http://nettuts.com/working-with-cmss/how-to-theme-any-cms-using-firebug-with-a-wiki-example/" target="_blank">Joshua Blount</a> to work out a complete wordpress plugin for this feature. So, wait and see&#8230;</p>
<h3>Similar Post</h3>
<p><center><img src="/content_image/update/similar.png" alt="blog update" class="border" /></center><br />
I also add in the content related function to help you for navigation when searching for some topic you like. I know this is just a basic function. I didn&#8217;t use it before this because I feel that it is kind of spamming within my blog. But now, for the good purpose, I use it here.</p>
<h3>Comments</h3>
<p>Finally, I decided to separate the comments and trackbacks. It is now look better and clean. I think it is good for the readers who enjoy reading other&#8217;s comments and feedbacks. Besides, I also add in a math protection plugin for the spam battling purpose. I use <strong>Math Comment Spam Protection</strong> by <a href="http://sw-guide.de/" target="_blank">Michael Woehrer.</a>.</p>
<h3>Conclusion</h3>
<p>After the update was done. I feel that it is nothing impossible, even thought when you are using wordpress. You can actually so whatever you want. Just think about what you want in your site/blog, then look for the <a href="http://wordpress.org/extend/plugins/" target="_blank">wordpress plug-ins directory </a>or just <a href="http://google.com" target="_blank">google</a> it. You may find a dozen of solutions out there. Because, someone already think of it before you did. This is also the beauty of internet. You will keep motivated by those talented people out there. It is good IF one day, I can be the first who create something new for the community. Well, that&#8217;s all about it.</p>
<p>have a nice day!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/wordpress-plugin-subscribe-to-comments/" rel="bookmark" title="Oct 28, 2007">WORDPRESS PLUGIN - SUBSCRIBE TO COMMENTS</a></li>

<li><a href="http://kailoon.com/recommended-wordpress-plugins/" rel="bookmark" title="Feb 9, 2008">RECOMMENDED WORDPRESS PLUGINS</a></li>

<li><a href="http://kailoon.com/top-ten-in-july-ni-limits-blog/" rel="bookmark" title="Jun 26, 2007">TOP TEN IN JUNE &#8212; NI-LIMITS BLOG</a></li>

<li><a href="http://kailoon.com/wordpress-plugin-nofollow-free/" rel="bookmark" title="Oct 4, 2007">WORDPRESS PLUGIN - NOFOLLOW FREE</a></li>

<li><a href="http://kailoon.com/free-wordpress-themes/" rel="bookmark" title="May 5, 2008">Free WordPress Themes - blue Blog</a></li>
</ul><!-- Similar Posts took 5.431 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/site-upadates/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Webmaster Gathering @ The Curve, 5th July</title>
		<link>http://kailoon.com/webmaster-gathering-the-curve-5th-july/</link>
		<comments>http://kailoon.com/webmaster-gathering-the-curve-5th-july/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 09:13:34 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=245</guid>
		<description><![CDATA[
The third official Webmaster Malaysia Gathering is on. This time, they move from KL to PJ - The Curve at Mutiara Damansara. I missed the first gathering because I still don&#8217;t know what the hell it that at that time. I did participate in the second gathering in KL Sentral. I got inspired from there. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://getfound.com.my/webmaster-gathering-the-curve-5th-july/" target="_blank"><img src="/content_image/webmaster.png" alt="webmaster malaysia" class="float" /></a><br />
The third official Webmaster Malaysia Gathering is on. This time, they move from KL to PJ - The Curve at Mutiara Damansara. I missed the first gathering because I still don&#8217;t know what the hell it that at that time. I did participate in the <a href="http://kailoon.com/inspiration-from-webmaster-gathering/" target="_blank">second gathering in KL Sentral</a>. I got inspired from there. I also met some famous people there althought they don&#8217;t know about me. I still enjoy the event.</p>
<p><span id="more-245"></span></p>
<h5>The Event And Venue</h5>
<p>Webmaster Malaysia Gathering is brought to you by <a href="http://webmastermalaysia.com/" target="_blank">Webmaster Malaysia</a> and sponsored by <a href="http://exabytes.com.my" target="_blank">Exabytes</a>.<br />
Last time, the venue isn&#8217;t good enough. Most of the time the audience can&#8217;t listen to the speech given. This time, the pick a better location for the event. They manage to book The Apartment at <a href="http://www.thecurve.com.my/" target="_blank">The Curve</a>. </p>
<h5>The Members And Guests</h5>
<p>Last time, we were glad to have <a href="http://www.google.com.my/" target="_blank">Hanson Toh</a> (Google Malaysia), <a href="http://drupal.org/" target="_blank">Najib</a> (Drupal) and <a href="http://www.gobalakrishnan.com/" target="_blank">Gobala</a> for the presentation session. For the coming gathering, we’ve even have members like<a href="http://liewcf.com/" target="_blank"> LiewCF</a> and <a href="http://szab.net/blog/" target="_blank">Alang</a>, and few other great webmasters to speak in this event.</p>
<h5>The Fee And Registration</h5>
<p>The admission is still the same - FREE. There are only 40 seats for members. To participate, simply reply to  this email (limcs@webmastermalaysia.com) with your name and phone number. I did it already. How about you? See you there!</p>
<h5>My little Thought</h5>
<p>Well, it is good to have such event. Webmaster can gather and share their experiences. I hope that 1 day I will be able to give a talk there to share some of my thoughts and knowledge in wordpress and css as well. Cheers!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/inspiration-from-webmaster-gathering/" rel="bookmark" title="Nov 21, 2007">INSPIRATION FROM WEBMASTER GATHERING</a></li>

<li><a href="http://kailoon.com/eoe-online-malaysia-online-photo-portal/" rel="bookmark" title="Jan 28, 2008">EOE ONLINE - MALAYSIA ONLINE PHOTO PORTAL</a></li>

<li><a href="http://kailoon.com/marie-digby/" rel="bookmark" title="Apr 23, 2008">Marie Digby</a></li>

<li><a href="http://kailoon.com/sketch-to-vector-bird/" rel="bookmark" title="Aug 7, 2007">SKETCH TO VECTOR - &#8216;BIRD&#8217;</a></li>

<li><a href="http://kailoon.com/malaysia-online-personalized-gifts-store/" rel="bookmark" title="Dec 13, 2007">MALAYSIA ONLINE PERSONALIZED GIFTS STORE</a></li>
</ul><!-- Similar Posts took 5.472 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/webmaster-gathering-the-curve-5th-july/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fun Zooming Icon + Site Update</title>
		<link>http://kailoon.com/fun-zooming-icon-site-update/</link>
		<comments>http://kailoon.com/fun-zooming-icon-site-update/#comments</comments>
		<pubDate>Thu, 19 Jun 2008 07:59:52 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=244</guid>
		<description><![CDATA[
Since the vectortuts was launched. I had just created a zooming icon using Illustrator. Then, I sent it to vectortuts. After they approved the concept. I start to write the full tutorial in details. Maybe I just forgot how to write a tutorial since I leave it out for a while. I spent 4 hours [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/news/preview.png" alt="announcements" class="float" /><br />
Since the <a href="http://kailoon.com/vectortuts/" target="_blank">vectortuts was launched</a>. I had just created a zooming icon using Illustrator. Then, I sent it to <strong>vectortuts</strong>. After they approved the concept. I start to write the full tutorial in details. Maybe I just forgot how to write a tutorial since I leave it out for a while. I spent 4 hours to finished the tutorial with a already finished result. I found that the hardest part is how we are going to present and explain the work flow step by step. So, readers will not get confused while following the tutorial. After I finished the writing, I re-check the whole thing and then submit to vectortuts. So, now I only need to wait for the publish of the tutorial. Relax ~ Besides, there is alo some changes for LD &#8230;</p>
<p><span id="more-244"></span></p>
<h3>LoonDesign Flickr Group</h3>
<p><center><img src="/content_image/news/flickr.png" alt="announcements" class="border" /></center><br />
I had created a flickr group for our readers to share their great piece of art with us within the group. You can find it at the bottom of the sidebar. After you have been following my tutorial all the while, what have u did? Mind to share with us? We also welcome someone who are professional to share their fantastic works with us. So, <a href="http://flickr.com/groups/loondesign" target="_blank" title="flickr group">join now</a> and upload your photo today.</p>
<h3>Random Featured sites</h3>
<p><center><img src="/content_image/news/featured.png" alt="announcements" class="border" /></center><br />
You may notice this section long time ago. It is located on the top right eye chatching area. Yeah, I forgot to announce that. Initially, I wish to place whatever sites, design or great stuffs that I wish to share with you guys. But then, I think it is good also if you wish to share your great site with us. So, now, it is open to you guys who want to showcase his/her site here. Kindly drop me an <a href="http://kailoon.com/about/" target="_blank">email</a> and I will check out your site and put it up if accepted. It will be displayed randomly and only 2 sites in a month for $50. First 2 sites are FREE. So, act fast.</p>
<h3>LoonDesign featured in site galleries</h3>
<p>After a year managing this site. Finally, it get some rewards. Evn tough it is small. But still a little achievement for myself. I had updated the showcase sites in my <a href="http://kailoon.com/about/" target="_blank">about page</a>. Feel free to check them out. Well, thats all. Have a nice day!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/loondesign-is-1-year-old-now/" rel="bookmark" title="Jun 16, 2008">LoonDesign is 1 Year Old Now!</a></li>

<li><a href="http://kailoon.com/vectortuts/" rel="bookmark" title="Jun 18, 2008">Vectortuts</a></li>

<li><a href="http://kailoon.com/web-resources-june/" rel="bookmark" title="Jun 30, 2008">Web Resources - June</a></li>

<li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>

<li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>
</ul><!-- Similar Posts took 5.540 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/fun-zooming-icon-site-update/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Vectortuts</title>
		<link>http://kailoon.com/vectortuts/</link>
		<comments>http://kailoon.com/vectortuts/#comments</comments>
		<pubDate>Tue, 17 Jun 2008 18:09:25 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[News]]></category>

		<category><![CDATA[Review]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=243</guid>
		<description><![CDATA[
Another tutorials site from the founder of psdtuts. Currently, they are running PSDTUTS, NETTUTS and now VECTORTUTS. All using same web template with different colors. The system and structure remain the same. Another good place for you to learn tutorial now. From the name itself, you can know that this will mainly focus on Vector [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/vectortuts/vectortuts.png" alt="vectortuts" class="float" /><br />
Another tutorials site from the founder of <a href="http://psdtuts.com" target="_blank" title="psdtuts.com">psdtuts</a>. Currently, they are running <strong>PSDTUTS</strong>, <strong>NETTUTS</strong> and now <strong>VECTORTUTS</strong>. All using same web template with different colors. The system and structure remain the same. Another good place for you to learn tutorial now. From the name itself, you can know that this will mainly focus on Vector creation. They will provide tutorials for <strong>Adobe Illustrator</strong>, <strong>Adobe Fireworks</strong>, <strong>CorelDRAW</strong> and others drawing tools.</p>
<p><span id="more-243"></span></p>
<h5>Three Great Tutorial Sites</h5>
<p><a href="http://psdtuts.com" title="psdtuts.com" target="_blank"><img src="/content_image/inspiration/psdtuts.png" alt="vectortuts" class="float" /></a><a href="http://nettuts.com" title="nettuts.com" target="_blank"><img src="/content_image/inspiration/nettuts.png" alt="vectortuts" class="float" /></a><a href="http://vectortuts.com" title="vectortuts.com" target="_blank"><img src="/content_image/vectortuts/vectortuts.png" alt="vectortuts" class="float" /></a></p>
<div class="web">
All of them are providing high quality tutorials written by professionals all around the world. So, what should I say? They are brilliant! We can learn, get inspired and communicate with other designers from other countries. It just like a small community.</p>
<h5>Get Involved</h5>
<p>
<!-- Begin Google Adsense code -->
<div class="ad-left"><script type="text/javascript"><!--
google_ad_client = "pub-6579756546243405";
/* 200x200, created 4/7/08 */
google_ad_slot = "5602469743";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<!-- End Google Adsense code -->
If you are good in writing tutorials and like to share what you know. You can try to contribute to the community by submitting your tutorials. You will get paid <strong>$150 /tutorial published</strong>! If you wish to improve your skills, want to learn more. You can sign up to become a member and to be able to download the source files. Currently, only <strong>PSDTUTS</strong> is offering the <a href="http://psdtutsplus.com/amember/signup.php" title="PSDTUTS MEBERSHIP" target="_blank">MemberPlus program</a>.</p>
<p>Cheers!
</p></div>
Similar Posts:<ul><li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>

<li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>

<li><a href="http://kailoon.com/how-to-be-a-rockstar-freelancer/" rel="bookmark" title="Jan 18, 2008">HOW TO BE A ROCKSTAR FREELANCER</a></li>

<li><a href="http://kailoon.com/loondesign-is-1-year-old-now/" rel="bookmark" title="Jun 16, 2008">LoonDesign is 1 Year Old Now!</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>
</ul><!-- Similar Posts took 5.454 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/vectortuts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>LoonDesign is 1 Year Old Now!</title>
		<link>http://kailoon.com/loondesign-is-1-year-old-now/</link>
		<comments>http://kailoon.com/loondesign-is-1-year-old-now/#comments</comments>
		<pubDate>Mon, 16 Jun 2008 08:58:28 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=242</guid>
		<description><![CDATA[
Time past fast ( what a classic opening ), LoonDesign is 1 year old already. LD (LoonDesign) had provide some good stuffs for the readers. Me, the only one who is running this site all the while. She gave me a lot of sweet memories but there is also some negative feedbacks. All the way, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/blog.png" alt="blog" class="float" /><br />
Time past fast ( what a classic opening ), LoonDesign is 1 year old already. <strong>LD</strong> (LoonDesign) had provide some good stuffs for the readers. Me, the only one who is running this site all the while. She gave me a lot of sweet memories but there is also some negative feedbacks. All the way, I would like to say thank you to all my readers who always return and show me their support and interest. Let&#8217;s back to where we met &#8230; </p>
<p><span id="more-242"></span></p>
<h3 class="web">Memories</h3>
<div class="web">
<p>
<!-- Begin Google Adsense code -->
<div class="ad-left"><script type="text/javascript"><!--
google_ad_client = "pub-6579756546243405";
/* 200x200, created 4/7/08 */
google_ad_slot = "5602469743";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<!-- End Google Adsense code -->
From the beginning, I only wish to write some tutorials and get some traffics so that I can earn some pocket money from our local advertising company. End up, all of them seem like not so promising and having some &#8220;friendly fighting&#8221; among them. So, I quit. I go for paypost. I write whatever they offer. End up, I am having a &#8220;rojak (mixed)&#8221; content blog. I don&#8217;t like it. So, I changed. I stay focus on writing stuffs what related to my field - web design. I am sure that I made a correct decision. I am more happy to manage the site in this way and direction.</p>
<p>Now, I still write some paypost. The different is advertisers will look for me and I will also filter the topic they want. I will also reject the offer which is not related to my site or I think their products or services are not good. I always love to share good stuffs with my readers.</p>
<p>Below are some of the best of <strong>LD</strong>. </p>
</div>
<h3 class="web">The Best Of LoonDesign</h3>
<div class="web">
<img src="/content_image/celeb/orb.png" alt="the best" class="float"/></p>
<h4 class="web">Flexible Glossy Orb</h4>
<p>I write this tutorial based on the glossy trend last year to get some traffics. I also wish that I can provide an easier and more flexible way to create a glossy orb. It has been featured by <a href="http://www.ni-limits.com/blog/index.php/top-ten-tutorials-for-june-2007/" target="_blank">NI-Limits</a>. I get some confident here and continue to write more.</p>
<p><a href="http://kailoon.com/flexible-glossy-orb/" target="_blank" class="web">check this out</a>
</div>
<div class="web">
<img src="/content_image/celeb/illus.png" alt="the best" class="float"/></p>
<h4 class="web">Illustrate Image Into Vector</h4>
<p>This tutorial explain how to turn an image into vector using illustrator. I used the one of my favorite anime&#8217;s character as an example to work on. This tutorial also featured in <a href="http://www.ni-limits.com/blog/index.php/top-ten-tutorials-for-june-2007/" target="_blank">Top Ten Tutorials For June 2007 by NI-Limits</a>.</p>
<p><a href="http://kailoon.com/illustrate-image-into-vector/" target="_blank" class="web">check this out</a>
</div>
<div class="web">
<img src="/content_image/celeb/photo2.png" alt="the best" class="float"/></p>
<h4 class="web">Water Color Effect</h4>
<p>One of my favorite effect in photo editing. I have seen these effect before I learn Photoshop. You can probably find it on the cover of Chinese novels. Last time, I thought they really draw and paint it using water color. But now, I can make it using Photoshop. Featured in <a href="http://www.photoshoproadmap.com/Photoshop-blog/2008/04/01/100-wonderful-photo-effects-photoshop-tutorials/" target="_blank">The PhoshopRoadMap</a>.</p>
<p><a href="http://kailoon.com/photo-edit-watercolor-effect/" target="_blank" class="web">check this out</a>
</div>
<div class="web">
<img src="/content_image/mouse/mouse.gif" alt="the best" class="float"/></p>
<h4 class="web">Drawing A Rat for Chinese New Year 2008&#8217;s Zodiac</h4>
<p>I did this for my company Chinese New Year Newsletters. I like it, it is cute. So, I write a tutorial about it. I was a bit surprise when I get mostly positive feedbacks. Thanks guys.</p>
<p><a href="http://kailoon.com/a-mouse-as-chinese-new-year-zodiac-for-2008/" target="_blank" class="web">check this out</a>
</div>
<div class="web">
<img src="/content_image/celeb/web.png" alt="the best" class="float"/></p>
<h4 class="web">A Gorgeous Dark Web Layout</h4>
<p>My first try to write a tutorial about creating a web layout. I noticed that it is some different when I was writing a web layout tutorial. I need to practice more on this since I found that my readers enjoy it so much.</p>
<p><a href="http://kailoon.com/create-a-gorgeous-simple-night-style-website-layout/" target="_blank" class="web">check this out</a>
</div>
<h3 class="web">The First Free Wordpress Theme</h3>
<div class="web">
<img src="/content_image/wp/blue-blog.png" alt="the best" class="float"/></p>
<h4 class="web">Blue Blog</h4>
<p>Wow, my first ever free wordpress theme. I published this firstly on my new site - <a href="http://themetation.com" title="themetation.com" target="_blank">themetation.com</a>. I wish to use that as a medium to release more high quality wordpress themes. Share some tips and recourses with the readers. I love WordPress. That&#8217;s why I do this.</p>
<p><a href="http://themetation.com/blue-blog/" target="_blank" class="web">check this out</a>
</div>
<h3 class="web">Achievements</h3>
<div class="web">
<img src="/content_image/webdesign2/preview.png" alt="the best" class="float"/></p>
<h4 class="web">Grunge Web Layout</h4>
<p>I am so proud of this. It was published on <a href="http://psdtuts.com/interface-tutorials/design-a-cartoon-grunge-website-layout/" target="_blank">psdtuts</a>. It is a good success for me in my web design career. Tell you a secret, I just can&#8217;t sleep that night after I get their confirmation email. Wow&#8230;<br />
<a href="http://psdtuts.com/interface-tutorials/design-a-cartoon-grunge-website-layout/" target="_blank" class="web">check this out</a>
</p>
</div>
<h3 class="web">Future</h3>
<div class="web">
<p>I will try to spend more time on wordpress themes development. I will also not forget to continue writing some tutorials. I will also try to improve my writing skills. All the while, I appreciate your patient in reading my articles which is lack of skills. Finally, I wish all of you have a nice day! Cheers!</p>
</div>
Similar Posts:<ul><li><a href="http://kailoon.com/fun-zooming-icon-site-update/" rel="bookmark" title="Jun 19, 2008">Fun Zooming Icon + Site Update</a></li>

<li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>

<li><a href="http://kailoon.com/top-ten-in-july-ni-limits-blog/" rel="bookmark" title="Jun 26, 2007">TOP TEN IN JUNE &#8212; NI-LIMITS BLOG</a></li>

<li><a href="http://kailoon.com/a-mouse-as-chinese-new-year-zodiac-for-2008/" rel="bookmark" title="Jan 8, 2008">A RAT AS CHINESE NEW YEAR ZODIAC FOR 2008</a></li>

<li><a href="http://kailoon.com/flexible-glossy-orb/" rel="bookmark" title="Jun 18, 2007">FLEXIBLE GLOSSY ORB</a></li>
</ul><!-- Similar Posts took 5.821 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/loondesign-is-1-year-old-now/feed/</wfw:commentRss>
		</item>
		<item>
		<title>What Happen to CSSVault?</title>
		<link>http://kailoon.com/what-happen-to-cssvault/</link>
		<comments>http://kailoon.com/what-happen-to-cssvault/#comments</comments>
		<pubDate>Sat, 14 Jun 2008 16:26:38 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=241</guid>
		<description><![CDATA[
Anyone know what had happen to CSSVault website? I posted about my web design inspiration a few days ago and I received a comment from Dybcio, he told me that the site redirect to the Apple Gazette page. I double checked and what he was saying is right. CSSVault, used to be the web designer&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/hacked/apple.png" alt="apple gazette" class="float" /><br />
Anyone know what had happen to CSSVault website? I posted about my web design inspiration a few days ago and I received a comment from <strong>Dybcio</strong>, he told me that the site redirect to the Apple Gazette page. I double checked and what he was saying is right. CSSVault, used to be the web designer&#8217;s bets web gallery and inspiration. Now, become an Apple Gazette page, do anyone of you know what had just happen to them? It is kind of disappointed if the site has went down just like that.</p>
<p><span id="more-241"></span></p>
<p>This is how the site look alike before this.<br />
<center><img src="http://farm1.static.flickr.com/76/177043799_ee9d7811c2.jpg?v=0" alt="cssvault" /></center></p>
<h3>Update - some history</h3>
<p>Thanks to my reader - <strong>Dybcio</strong> again. Well, I just found that CSSVault sold by <a href="http://www.bloggynetwork.com/">BloggyNetwork</a> to <a href="http://www.hostgator.com/">HostGator Web Hosting</a> for <strong>$100,000</strong> on March.</p>
<p>According to them, this isn’t a simple purchase - it’s an investment. So, we all just wait and see what will happen next and also waiting for the site revamp soon. Cheers! </p>
<p>But the thing is, the purchase was on March of 2007 and now is middle of 2008. Anyone else can provide more recent update to us? Thanks!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>

<li><a href="http://kailoon.com/whats-going-on/" rel="bookmark" title="Mar 28, 2008">WHAT&#8217;S GOING ON?</a></li>

<li><a href="http://kailoon.com/web-challenges/" rel="bookmark" title="Apr 8, 2008">WEB CHALLENGES</a></li>

<li><a href="http://kailoon.com/site-upadates/" rel="bookmark" title="Jun 28, 2008">Site Updates</a></li>

<li><a href="http://kailoon.com/psd-to-html/" rel="bookmark" title="May 18, 2008">W3 Markup - PSD to HTML</a></li>
</ul><!-- Similar Posts took 5.458 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/what-happen-to-cssvault/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Top Ten Resources for Web Design and Inspiration</title>
		<link>http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/</link>
		<comments>http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/#comments</comments>
		<pubDate>Wed, 11 Jun 2008 04:56:32 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=239</guid>
		<description><![CDATA[
I like to surf around the net to get inspiration before I start my first draft in doing web design. So, I did find some quality sites or resources. Inspiration, not meaning that you can totally copy the style you like. You may learn the concept, structure or even color usage from the pro. For [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/blog.png" alt="web design" class="float" /><br />
I like to surf around the net to get inspiration before I start my first draft in doing web design. So, I did find some quality sites or resources. Inspiration, not meaning that you can totally copy the style you like. You may learn the concept, structure or even color usage from the pro. For resources sites, I also stick with those I bookmarked. Not so much but just a few that I think it is up to level and update frequently. So, today, I am going to share with you my favorite resources sites for learning purpose and my  favorite web gallery to get design inspiration.</p>
<p><span id="more-239"></span></p>
<h3 class="web">Web Design Inspiration</h3>
<div class="web">
<img src="/content_image/inspiration/cssvault.png" alt="web design" class="float"/></p>
<h4 class="web">CSSVault</h4>
<p>CSSVault is always my first choice to get some design inspiration. There is a huge collection of high quality web sites both in coding and designing. I am lucky enough to get featured on their site. Besides, you can also find some resources there under the resources section.</p>
<p><a href="http://cssvault.com" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/cssbeauty.png" alt="web design" class="float"/></p>
<h4 class="web">CSSBeauty</h4>
<p>&#8220;CSSBeauty is a project focused on providing its audience with a database of well designed CSS based websites from around the world. Its purpose is to showcase designers&#8217; work and to act as a small portal to the CSS design community.&#8221; So, do I need to explain more?</p>
<p><a href="http://cssbeauty.com/" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/best.png" alt="web design" class="float"/></p>
<h4 class="web">Best Web Gallery</h4>
<p>Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design websites (Flash &#038; CSS). They provide a very useful category system for your to browse through. Besides, you can also choose to view in in 3 different ways. Head over and get some inspiration.</p>
<p><a href="http://bestwebgallery.com" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/mania.png" alt="web design" class="float"/></p>
<h4 class="web">CSS Mania Natural Feeling</h4>
<p>CSS Mania has over 10,000+ websites in its collection which is css-based. Not all of them are up to level but you really can find something special there. </p>
<p><a href="http://cssmania.com" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/design.png" alt="web design" class="float"/></p>
<h4 class="web">The Best Designs</h4>
<p>The Best Designs is a great place to view high-quality XHTML and Flash designs. Their tagging system allow you to easily narrow down your searching. Besides, you can also meet some popular web designers there in their featured designers and designers&#8217; directory section.</p>
<p><a href="http://www.thebestdesigns.com" target="_blank" class="web">Visit Site</a>
</div>
<h3 class="web">The Best Resources</h3>
<div class="web">
<img src="/content_image/inspiration/psdtuts.png" alt="web design" class="float"/></p>
<h4 class="web">PSDtuts - Spoonfed photoshop</h4>
<p>No doubt, this is my first choice. I have been following them since their launching. They make me feel like I need them to feed me everyday. There are some amazing tutorials there, kind of different from what you see elsewhere.</p>
<p><span class="web"><strong>Category:</strong> Photoshop</span><a href="http://psdtuts.com" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/nettuts.png" alt="web design" class="float"/></p>
<h4 class="web">Nettuts - Spoonfed web skills</h4>
<p>I write about <a href="http://kailoon.com/nettuts/" title="nettuts">this site before</a>, so, I will not list down all the details here. It is always good when you find a site that provide skills only for a specific field. It is more focus and lead to higher quality of content.</p>
<p><span class="web"><strong>Category:</strong> Web Skills</span><a href="http://nettuts.com/" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/vectips.png" alt="web design" class="float"/></p>
<h4 class="web">Vectips</h4>
<p>Vectips is a site for Adobe Illustrator&#8217;s tips, tricks, and tutorials, designed and maintained by Ryan Putnam. A dedicated site that provide resources only for Illustrator. This is my favorite site for illustrator tips and resources. </p>
<p><span class="web"><strong>Category:</strong> Illustrator</span><a href="http://vectips.com" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/good.png" alt="web design" class="float"/></p>
<h4 class="web">Good Tutorials</h4>
<p>A tutorials portal that provide various type of tutorials. Ajax, CSS, Photoshop, JavaScript, MAya etc..This is also the second resources I used to learn my photoshop skills when I just started in web design field. Besides, I also submitted some of my tutorials there as a return of contribution for the community.</p>
<p><span class="web"><strong>Category:</strong> Tutorials Portal</span><a href="http://www.good-tutorials.com/" target="_blank" class="web">Visit Site</a>
</div>
<div class="web">
<img src="/content_image/inspiration/pixel.png" alt="web resources" class="float"/></p>
<h4 class="web">Pixel2Life</h4>
<p>My first resources site to start my web design journey. Every time I browse over this site, I remember the moment I learn photoshop, illustrator and css during my internship. I never think that my tutorials also can be included there one day. And, I made it happen. Thanks god.</p>
<p><span class="web"><strong>Category:</strong> Tutorials Portal</span><a href="http://www.pixel2life.com/" target="_blank" class="web">Visit Site</a>
</div>
<h3 class="web">How about you?</h3>
<div class="web">
<p>So, above are my top ten resources for web design and design inspiration. Do you mind to share yours? Leave a comment here, so it benefits the all the web designers out there. Thanks and have a nice day!</p>
</div>
Similar Posts:<ul><li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>

<li><a href="http://kailoon.com/web-resources-april/" rel="bookmark" title="Apr 30, 2008">Web Resources - April</a></li>

<li><a href="http://kailoon.com/vectortuts/" rel="bookmark" title="Jun 18, 2008">Vectortuts</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>

<li><a href="http://kailoon.com/web-resources-march/" rel="bookmark" title="Mar 25, 2008">WEB RESOURCES - MARCH</a></li>
</ul><!-- Similar Posts took 6.158 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Web Designer? Blog Designer? Freelancer?</title>
		<link>http://kailoon.com/web-design-or-blog-designer-or-freelancer/</link>
		<comments>http://kailoon.com/web-design-or-blog-designer-or-freelancer/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 17:52:02 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[Review]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=238</guid>
		<description><![CDATA[
Quite a long time I do not write a post here. Recently, I am busy in preparing some stuffs which is related to web design, hmm.. I think blog design is more suitable. Do you have ever think of this? You are doing web design or you are designing a blog all the while? Do [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/blog.png" alt="web design" class="float"/><br />
Quite a long time I do not write a post here. Recently, I am busy in preparing some stuffs which is related to web design, hmm.. I think blog design is more suitable. Do you have ever think of this? You are doing <a href="http://en.wikipedia.org/wiki/Web_design" title="web design" target="_blank">web design</a> or you are <a href="http://www.maxwebdesign.eu" title="designing a blog" target="_blank">designing a blog</a> all the while? Do you need me to explain what is the different? I think not necessary, right? I think I can say that blog design is categorized under web design, are you agree with me? Or, do you have other better title for them? or just use my WordPress Designer? hahah&#8230; okie.. continue reading and find it out.</p>
<p><span id="more-238"></span></p>
<h3>Where to go?</h3>
<p>As you can see, I am getting some freelance job recently and I also post them up in my portfolio page (some are still under development). You may notice that. I am doing stuff more related to blog design using WordPress. Is this a good sign? If you have read about my previous post about <a href="http://kailoon.com/malaysia-media-market/" title="Who Am I?">&#8220;who am I ?&#8221;</a>. You may find out whether I am a WordPress Designer or just a <a href="http://www.w3.org" title="web designer" target="_blank">Web Designer</a>.</p>
<h3>All Rounded Freelancer, CanYou Name One Here?</h3>
<p>I also don&#8217;t know why? All the clients are using a blog. Funny right? Or, can we say that everyone like to be a blogger nowadays? I got no idea. Faith? they all using wordpress too &#8230; I think this is not good for a freelancer because this may limited his source of clients. </p>
<p>I think if you want to be a freelancer, you need to be all rounded. Flash, Photoshop, After Effects, CSS, JavaScript etc. He/she need to have good design sense, color sense and also well organized coding style. Besides, he/she also need to be able to build a system on his/her own. Lastly, he/she need to have good imagination to create high quality motion graphic and video/animation. Wow&#8230;sound like our local vacancy&#8217;s requirements, right?</p>
<h3>My concern</h3>
<p>For me, I never meet a person like this. I only meet who have good design skill and sense or someone who good in coding. It is nearly impossible to find someone like that and further, they only offer not more than RM 5,000 for a person who have those kind of god skills. Can you believe it? This is also one of the reason why I am not so eager to learn something new now. I prefer to focus more on what I am doing now. which is <a href="http://www.maxwebdesign.eu" title="design and blog" target="_blank">blog and design</a>.</p>
<p>I just worry that if I get started something new now, I will forget what I know now. Or, I may lost interest in what I am doing now. So, Web Designer? Blog Designer or Freelancer? I will go for Web Designer which focus on wordpress. I am not saying the other two are wrong. You have the right to choose where to go. Each of us have our own destiny. </p>
<h3>Real Life</h3>
<p>Dream is still a dream. Sometimes, we just can&#8217;t avoid from it. I may be one of the local full time freelancer soon. Our maid is going back to her country soon. She is helping my mum to take care of my sister all the while. We are looking for new maid but it take minimum 3 months to get a new one. So, I got no choice but to quit my current job and work on something that I can work from home. So, freelancer will be my first option now. If I can choose, I still prefer to work under a company, in a group.</p>
Similar Posts:<ul><li><a href="http://kailoon.com/my-dream-job/" rel="bookmark" title="Jul 23, 2007">MY DREAM JOB</a></li>

<li><a href="http://kailoon.com/malaysia-media-market/" rel="bookmark" title="Apr 16, 2008">Who Am I? WordPress Designer?</a></li>

<li><a href="http://kailoon.com/designers-behaviours/" rel="bookmark" title="Apr 12, 2008">Designer&#8217;s Behaviours</a></li>

<li><a href="http://kailoon.com/web-resources-march/" rel="bookmark" title="Mar 25, 2008">WEB RESOURCES - MARCH</a></li>

<li><a href="http://kailoon.com/web-challenges/" rel="bookmark" title="Apr 8, 2008">WEB CHALLENGES</a></li>
</ul><!-- Similar Posts took 5.960 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-design-or-blog-designer-or-freelancer/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Web Resources - 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><img src="/web-resources/icon.png" alt="web resources" class="float"/><br />
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;<br />
<span id="more-237"></span></p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="/web-resources/may/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="/web-resources/may/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="/web-resources/may/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="/web-resources/may/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="/web-resources/may/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="/web-resources/may/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>
Similar Posts:<ul><li><a href="http://kailoon.com/web-resources-march/" rel="bookmark" title="Mar 25, 2008">WEB RESOURCES - MARCH</a></li>

<li><a href="http://kailoon.com/wordpress-25/" rel="bookmark" title="Mar 30, 2008">WORDPRESS 2.5</a></li>

<li><a href="http://kailoon.com/whats-going-on/" rel="bookmark" title="Mar 28, 2008">WHAT&#8217;S GOING ON?</a></li>

<li><a href="http://kailoon.com/web-resources-april/" rel="bookmark" title="Apr 30, 2008">Web Resources - April</a></li>

<li><a href="http://kailoon.com/web-resources-june/" rel="bookmark" title="Jun 30, 2008">Web Resources - June</a></li>
</ul><!-- Similar Posts took 5.696 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-may/feed/</wfw:commentRss>
		</item>
		<item>
		<title>CSS Sliding Door using only 1 image</title>
		<link>http://kailoon.com/css-sliding-door-using-only-1-image/</link>
		<comments>http://kailoon.com/css-sliding-door-using-only-1-image/#comments</comments>
		<pubDate>Tue, 27 May 2008 10:48:40 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=236</guid>
		<description><![CDATA[
Before I know about this technique, I was using different images for each of the button I needed in a navigation bar. I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site. In this tutorial, I will show [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/sliding-door/sliding-door.png" alt="css sliding door button" class="float"/><br />
Before I know about this technique, I was using different images for each of the button I needed in a navigation bar. I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site. In this tutorial, I will show you how to code the navigation bar using only 1 image. I will not cover the image creation part because I think you should know how to do that after follow few of my tutorials in the past. So, start here&#8230;</p>
<p><span id="more-236"></span></p>
<h3>The Image</h3>
<p><center><img src="/content_image/sliding-door/bg.png" alt="css sliding door button" class="border"/></center><br />
I will not show how to create this but I will let you guys download the psd file as a reference. I provided 4 types of colors as default, you can edit them according to your preferences. <a href="http://kailoon.com/content_image/sliding-door/sliding-door.psd" title="css sliding door button">Download the psd</a> here and I even prepared the slices for you. What you need in building the navigation menu is only a 493px X 24px image like below.</p>
<p><center><img src="/content_image/sliding-door/blue.png" alt="css sliding door button" class="border"/></center><br />
Before we start, head over and see what we are going to <a href="http://kailoon.com/example/sliding-door/css-sliding-door-blue.html" target="_blank">achieve from this tutorial</a>.</p>
<h3>Concept</h3>
<p><center><img src="/content_image/sliding-door/concept.png" alt="css sliding door button" class="border"/></center><br />
The concept of the sliding door is to use a background image for the buttons in a navigation menu. I am using a span within a link in the list to hold a part of the image. the link itself will hold another part of it. Which means, the important part will be the background-image position. </p>
<h3>HTML</h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="html4strict"><span style="color: #009900;"><span style="color: #000099;">&lt;ul</span> <span style="color: #006600;">class</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;blue&quot;</span><span style="color: #000099;">&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;home&quot;</span><span style="color: #000099;">&gt;</span></span>home<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;products&quot;</span><span style="color: #000099;">&gt;</span></span>products<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;blog&quot;</span><span style="color: #000099;">&gt;</span></span>blog<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;contact&quot;</span><span style="color: #000099;">&gt;</span></span>contact<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000099;">&lt;/ul&gt;</span></span></pre></td></tr></table></div>

<p>This is a normal code to create a list. I assign a <em>class</em> for the <strong>&lt;ul&gt;</strong> (unorder-list) so that I can easily reuse the whole thing with <strong>different style but same structure</strong>.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="html4strict"><span style="color: #009900;"><span style="color: #000099;">&lt;ul</span> <span style="color: #006600;">class</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;blue&quot;</span><span style="color: #000099;">&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;home&quot;</span> <span style="color: #006600;">class</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;current&quot;</span><span style="color: #000099;">&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;span&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/span&gt;</span></span>home<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;products&quot;</span><span style="color: #000099;">&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;span&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/span&gt;</span></span>products<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;blog&quot;</span><span style="color: #000099;">&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;span&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/span&gt;</span></span>blog<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000099;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;a</span> <span style="color: #006600;">href</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;#&quot;</span> <span style="color: #006600;">title</span><span style="color: #006600;">=</span><span style="color: #0000ff;">&quot;contact&quot;</span><span style="color: #000099;">&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;span&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/span&gt;</span></span>contact<span style="color: #009900;"><span style="color: #000099;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000099;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000099;">&lt;/ul&gt;</span></span></pre></td></tr></table></div>

<p>Now, I add in a <strong>&lt;span&gt;</strong> for each of the link to hold the left hand side of the background image.</p>
<h3>CSS</h3>
<p><strong>1. &lt;ul&gt; - Unorder-List</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="css">ul<span style="color: #ff00ff;">.blue</span> <span style="color: #ff00ff;">&#123;</span>
	<span style="color: #000099;">padding</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">5px</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">margin</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">10px</span> <span style="color: #0000ff;">0</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">list-style</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">none</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">float</span><span style="color: #ff00ff;">:</span> <span style="color: #000099;">left</span><span style="color: #ff00ff;">;</span>
<span style="color: #ff00ff;">&#125;</span></pre></td></tr></table></div>

<p>We need to make <strong>list-style</strong> as none because no image for any list within it. I use a <strong>float left</strong> here because I am going to use <strong>float left</strong> for the <strong>&lt;span&gt;</strong> and also <strong>&lt;li&gt;</strong>. I am not going to define a width for it because this is just a sample. </p>
<blockquote><p>For your information, you need to define a width for the container which you had float it.</p></blockquote>
<p><strong>2. &lt;li&gt; - List</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="css">ul<span style="color: #ff00ff;">.blue</span> li <span style="color: #ff00ff;">&#123;</span>
	<span style="color: #000099;">float</span><span style="color: #ff00ff;">:</span> <span style="color: #000099;">left</span><span style="color: #ff00ff;">;</span>
<span style="color: #ff00ff;">&#125;</span>
&nbsp;
ul<span style="color: #ff00ff;">.blue</span> li a <span style="color: #ff00ff;">&#123;</span>
	<span style="color: #000099;">float</span><span style="color: #ff00ff;">:</span> <span style="color: #000099;">left</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">text-decoration</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">none</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">color</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">#ccc</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">padding</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">4px</span> <span style="color: #0000ff;">15px</span> <span style="color: #0000ff;">0</span> <span style="color: #0000ff;">0</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">margin-right</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">8px</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">font</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">900</span> <span style="color: #0000ff;">14px</span> <span style="color: #006600;">&quot;Arial&quot;</span>, Helvetica, <span style="color: #0000ff;">sans-serif</span><span style="color: #ff00ff;">;</span>
<span style="color: #ff00ff;">&#125;</span></pre></td></tr></table></div>

<p>Like what mentioned just now, there is a float for the list. padding right for 15px is for the space between the edge of the image and the link text. The margin here is for the space between the list.</p>
<p><strong>3. &lt;span&gt; - span within the link</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="css">ul<span style="color: #ff00ff;">.blue</span> li a span <span style="color: #ff00ff;">&#123;</span>
	<span style="color: #000099;">float</span><span style="color: #ff00ff;">:</span> <span style="color: #000099;">left</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">padding-right</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">15px</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">display</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">block</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">margin-top</span><span style="color: #ff00ff;">:</span> -<span style="color: #0000ff;">4px</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">height</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">24px</span><span style="color: #ff00ff;">;</span>
<span style="color: #ff00ff;">&#125;</span></pre></td></tr></table></div>

<p>For the span, we use padding right for the same purpose. However, I add a -4px margin-top because I I have a 4px padding top for the link.</p>
<p><strong>4. &lt;Hover&gt; - mouse over action</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="css">ul<span style="color: #ff00ff;">.blue</span> li a<span style="color: #ff33ff;">:hover</span>, ul<span style="color: #ff00ff;">.blue</span> li a<span style="color: #ff00ff;">.current</span> <span style="color: #ff00ff;">&#123;</span>
 	<span style="color: #000099;">color</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">#0d5f83</span><span style="color: #ff00ff;">;</span>
	<span style="color: #000099;">background</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">url</span><span style="color: #ff00ff;">&#40;</span><span style="color: #006600;">&quot;images/blue.png&quot;</span><span style="color: #ff00ff;">&#41;</span> <span style="color: #0000ff;">no-repeat</span> <span style="color: #000099;">top</span> <span style="color: #000099;">right</span><span style="color: #ff00ff;">;</span>
<span style="color: #ff00ff;">&#125;</span>
&nbsp;
ul<span style="color: #ff00ff;">.blue</span> li a<span style="color: #ff33ff;">:hover</span> span, ul<span style="color: #ff00ff;">.blue</span> li a<span style="color: #ff00ff;">.current</span> span <span style="color: #ff00ff;">&#123;</span>
	<span style="color: #000099;">background</span><span style="color: #ff00ff;">:</span> <span style="color: #0000ff;">url</span><span style="color: #ff00ff;">&#40;</span><span style="color: #006600;">&quot;images/blue.png&quot;</span><span style="color: #ff00ff;">&#41;</span> <span style="color: #0000ff;">no-repeat</span> <span style="color: #000099;">top</span> <span style="color: #000099;">left</span><span style="color: #ff00ff;">;</span>
<span style="color: #ff00ff;">&#125;</span></pre></td></tr></table></div>

<p>Since we are going to have the same effect for the mouse over and active link. I combine the codes.<br />
<a href="http://kailoon.com/example/sliding-door/css-sliding-door.html" alt="css sliding door button" target="blank">Here is another example with 4 colors</a>.</p>
<h3>Conclusion and Download</h3>
<p>This is a very useful technique which you can re-use in page with only 1 image. It is easy to use and I hope that you guys can understand my poor English explanation. Any question, just send me an email or drop me a comment here. </p>
<p><a class="dlimg" href="http://kailoon.com/wp-content/plugins/download-monitor/download.php?id=11" title="Download CSS Sliding Door Button Using 1 image"><img src="http://kailoon.com/wp-content/themes/LoonDesign/images/download.png" alt="Download CSS Sliding Door Button Using 1 image" /></a></p>
<p class="dlstat">Downloaded a total of 848 times</p>
Similar Posts:<ul><li><a href="http://kailoon.com/free-complete-photoshop-ebook-from-sitepoint/" rel="bookmark" title="May 19, 2008">Free Complete Photoshop eBook from Sitepoint</a></li>

<li><a href="http://kailoon.com/5-usefull-css-tricks/" rel="bookmark" title="Feb 28, 2008">5 USEFUL CSS TRICKS</a></li>

<li><a href="http://kailoon.com/7-useful-web-design-tips/" rel="bookmark" title="May 12, 2008">7 Useful Web Design Tips</a></li>

<li><a href="http://kailoon.com/a-mouse-as-chinese-new-year-zodiac-for-2008/" rel="bookmark" title="Jan 8, 2008">A RAT AS CHINESE NEW YEAR ZODIAC FOR 2008</a></li>

<li><a href="http://kailoon.com/web-resources-june/" rel="bookmark" title="Jun 30, 2008">Web Resources - June</a></li>
</ul><!-- Similar Posts took 6.060 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/css-sliding-door-using-only-1-image/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Free Complete Photoshop eBook from Sitepoint</title>
		<link>http://kailoon.com/free-complete-photoshop-ebook-from-sitepoint/</link>
		<comments>http://kailoon.com/free-complete-photoshop-ebook-from-sitepoint/#comments</comments>
		<pubDate>Mon, 19 May 2008 14:32:25 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Freebies]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=235</guid>
		<description><![CDATA[
Sitepoint is giving away free ebook - The Photoshop Anthology: 101 Web Design Tips, Tricks &#038; Techniques. This is the ultimate Photoshop compendium for web designers. They only allow free download in a limited period of time. So, act fast. Follow this link and keep yourself a copy of it:
The Photoshop Anthology: 101 Web Design [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/quick/sitepoint.png" alt="free complete photoshop ebook" class="float"/><br />
<a href="http://sitepoint.com/" title="sitepoint" target="_blank">Sitepoint</a> is giving away free ebook - <strong>The Photoshop Anthology: 101 Web Design Tips, Tricks &#038; Techniques</strong>. This is the ultimate Photoshop compendium for web designers. They only allow free download in a limited period of time. So, act fast. Follow this link and keep yourself a copy of it:</p>
<p><a href="http://photoshop.aws.sitepoint.com/" title="free complete photoshop ebook" target="_blank">The Photoshop Anthology: 101 Web Design Tips, Tricks &#038; Techniques</a></p>
<p><span id="more-235"></span></p>
<h3>Quote from the publisher</h3>
<blockquote><p>It’s brimming with tried and tested real-world Photoshop solutions that will add impact to your next web design project. If you’ve ever been stuck for inspiration, have puzzled over just how to create a shiny aqua-style button, or wanted to create that seamlessly tiling background image you saw on a site recently, you need download this book.</p></blockquote>
<p>I read the ebook already. Frankly, nothing very special or amazing. But, the basic is there. I think most of us are self taught. We learn from tutorials, articles or some other resources that we can easily get from internet. I found that, what we really need is the basic. Taken from a Chinese Phrase &#8221; Don&#8217;t try to fly before you can walk&#8221;. Our parents also gave us such advise when we are young. </p>
<p>Overall, this is still a useful source for the web designer especially me who lack of basic in using photoshop. It give example on how to save images for web and something about transparency images. Well, get one and read more. Cheers!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/web-resources-june/" rel="bookmark" title="Jun 30, 2008">Web Resources - June</a></li>

<li><a href="http://kailoon.com/web-resources-april/" rel="bookmark" title="Apr 30, 2008">Web Resources - April</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>

<li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>

<li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>
</ul><!-- Similar Posts took 5.710 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/free-complete-photoshop-ebook-from-sitepoint/feed/</wfw:commentRss>
		</item>
		<item>
		<title>W3 Markup - PSD to HTML</title>
		<link>http://kailoon.com/psd-to-html/</link>
		<comments>http://kailoon.com/psd-to-html/#comments</comments>
		<pubDate>Sat, 17 May 2008 21:48:14 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Review]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=234</guid>
		<description><![CDATA[
have you ever been to this site before? I visit their site for so many times already but I still keep re-visit because of the attractive order form they have. I visit their site and keep tweak around the sliders to figure out how they calculate the prices. The first impression when I visit a [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/reviews/psd2html.png" alt="psd to html" class="float" /><br />
have you ever been to this site before? I visit their site for so many times already but I still keep re-visit because of the attractive order form they have. I visit their site and keep tweak around the sliders to figure out how they calculate the prices. The first impression when I visit a site is always based on the interface design. W3 markup have a very clean and direct structure interface that allow users to find out what they want. I like their tag line - &#8220;code is art&#8221;. I just love it!</p>
<p><span id="more-234"></span></p>
<h3>Introduction</h3>
<p><a href="https://w3-markup.com" title="psd to html">W3 Markup</a>, based on the name you can expect it is a site that provide something related to web development. Yes, they provide service which help you to convert your web design in <a href="http://w3-markup.com/order" title="psd to html">PSD to HTML</a>. beside, they also offer &#8220;Re-slicing&#8221; of existing sites (bring old code up-to-date). Well, this is also what I offer to my clients. Besides, they also provide the client intranet as a tool to facilitate easy management of multiple projects.</p>
<h3>The Powerful Order Form</h3>
<p><center><img src="/content_image/reviews/price.png" alt="psd to html" class="border" /></center><br />
I would like to talk more about the order form they provide. It is simply amazing, I like it so much. The beauty of this ajax order form is clients and request based on their requirements which means you can 100% control the code style and preferences. What you need to do is to tweak the slider according to your projects&#8217; scale and time line you and offer. No doubt, bigger scale with limited time line will cost more. Other than that, you also can customize it based on layout, coding, software implementation and some advance option such as favicon, preferred javascript library and etc. After you get all what you need, you can directly make a payment and wait for the end result come to you.</p>
<p><center><img src="/content_image/reviews/custom.png" alt="psd to html" class="border" /></center><br />
They take care of every tiny elements and requirements that needed in web development. This is a very effective way to show that &#8220;we are professional, we are capable and we and handle your projects nicely&#8221;. I have some kind of feeling like I am interactive with a human-a-like form. It is good enough to take care of my requirements. In the other hand, it also cut down a lot of time from the developer site to negotiate and discuss with the clients. A very straight forward concept. Order, pay and get.</p>
<h3>Conclusion</h3>
<p>This is a good site and they provide some excellent services. Nowadays, it is hard to get a web site which is cross browser (especially I.E6), SEO friendly and with valid CSS/XHTML. Personally, I always make sure my coding is up to this standard. I will try my best and maintained my concept and principle in my future tasks!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/eoe-online-malaysia-online-photo-portal/" rel="bookmark" title="Jan 28, 2008">EOE ONLINE - MALAYSIA ONLINE PHOTO PORTAL</a></li>

<li><a href="http://kailoon.com/web-design-or-blog-designer-or-freelancer/" rel="bookmark" title="Jun 9, 2008">Web Designer? Blog Designer? Freelancer?</a></li>

<li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>

<li><a href="http://kailoon.com/5-usefull-css-tricks/" rel="bookmark" title="Feb 28, 2008">5 USEFUL CSS TRICKS</a></li>

<li><a href="http://kailoon.com/7-useful-web-design-tips/" rel="bookmark" title="May 12, 2008">7 Useful Web Design Tips</a></li>
</ul><!-- Similar Posts took 5.699 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/psd-to-html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>7 Useful Web Design Tips</title>
		<link>http://kailoon.com/7-useful-web-design-tips/</link>
		<comments>http://kailoon.com/7-useful-web-design-tips/#comments</comments>
		<pubDate>Mon, 12 May 2008 14:36:03 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[Web Design Tips]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=232</guid>
		<description><![CDATA[
What do you think about web design? You can find the articles related to &#8220;how to&#8221; do web design everywhere by mentioning as &#8220;top tips&#8221; or else. However, I did read it and find it useful. I recommend them to those who are willing to step into this field or those who can&#8217;t get himself [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/blog.png" alt="WebDesign Tips" class="float"/><br />
What do you think about web design? You can find the articles related to &#8220;how to&#8221; do web design everywhere by mentioning as &#8220;top tips&#8221; or else. However, I did read it and find it useful. I recommend them to those who are willing to step into this field or those who can&#8217;t get himself on the hot list for quite a long time. Here, I will giving some tips from my point of view and also some will be taken from other experienced web designers. I am not saying that I am so pro in this field and want to act here but just wish to share my opinion and tips.<br />
<span id="more-232"></span></p>
<h3>1. Structuring</h3>
<p>I found that this is even more important than what kind design you are going to use. To get this done, I need to do some analysis and research about the site I am going to build. For example, target users, functions, Colors and always see from the users&#8217; side. After I gather all the information, then I can only start drawing out the layout and decided what to focus and what isn&#8217;t important.</p>
<h3>2. Sketching</h3>
<p>So we all know, we do our job in Photoshop or other softwares. But, before that, I recommend that we start by using a pencil and papers. I prefer to sketch out the layout and write down the important notes we need. This will always save me a lot of times to try in Photoshop directly.</p>
<h3>3. Concept</h3>
<p>
<!-- Begin Google Adsense code -->
<div class="ad-left"><script type="text/javascript"><!--
google_ad_client = "pub-6579756546243405";
/* 200x200, created 4/7/08 */
google_ad_slot = "5602469743";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<!-- End Google Adsense code -->
Do not try to put all the nice design elements that you get from the popular sites in one page. This will not make your site perfect but may destroy the whole site. For example, kailoon.com, I am using some elements that related to stone age and I avoid all fancy things and also those orb effects or reflection which considered as web 2.0 must used elements. (actually, web 2.0 is all about reflection also, it is more on the function wise). It will only makes the whole thing not match to each others and i usually describe this as a &#8220;rojak site&#8221;. Means &#8220;mixing the trendy elements&#8221; into one &#8220;bowl&#8221;. </p>
<p>I prefer to use the concept based on the <strong>logo</strong>. It is because, the first thing people will see when browsing a site is the logo, top left or even center. Then only he will continue to navigate the site. So, the logo concept will easily go into their mind and influence the rest of the reading. For example, If the logo is something smooth, soft or light. I will choose something relevant and use some different style on the important section to attract attention. The elements you can used based on the logo are the colors, style and perspective.</p>
<h3>4. Web Usability</h3>
<p><img src="/content_image/tips/1.png" alt="web usability" class="float"/><br />
Is kind of how you judge whether it is a good web design or not. A fantastic web design but users find no where to navigate it and a normal, clean web design interface and users can easily understand the message and navigate. Which will your client go for? Combination of both advantages? Here is an <a href="http://web2.0entrepreneur.com/53/the-reason-to-focus-on-simplicity.html" title="the-reason-to-focus-on-simplicity" target="_blank">interesting comic to explain it</a>. And you also can refer to what <a href="http://www.useit.com/alertbox/20030825.html" target="_blank" title="web usability">Jakob Nielsen</a> talk about usability.</p>
<p>make it short, even thought your web interface is very nice and creative. People can&#8217;t navigate it and leave, then your works and efforts will be wasted. means useless!</p>
<h3>5. Consistency</h3>
<p><center><img src="/content_image/tips/consistency.png" alt="Consistency" class="border" /></center><br />
The main thing in my mind when doing design job is the consistency. I know this maybe also defined as &#8220;same, boring, not creative&#8221; by some of you. but the thing is, inconsistency can makes your users lost when navigating your site. I also prefer to use not more than 3 types of fonts (left side of the example)in a web design. This also make the whole site look more balance and look like all under one roof. Else, it will become like what you see on the right hand side.</p>
<h3>6. Right technology at the right time</h3>
<p>
<!-- Begin Google Adsense code -->
<div class="ad-left"><script type="text/javascript"><!--
google_ad_client = "pub-6579756546243405";
/* 200x200, created 4/7/08 */
google_ad_slot = "5602469743";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<!-- End Google Adsense code -->
Nowadays, people like to use mootools or ajax to create some nice effects. But, is it all necessary? I admit that the effects look cool and I also use it in my site here. However, I just use it for a try because I never try this before. And, I use it after I I completed my web design. What I want to say is we do not decide what technology we are going to used before we decide what we are going to build. It&#8217;s not about building the solution before there&#8217;s a problem. It&#8217;s about having a problem and using the right technology to solve that problem.</p>
<p>I can find this mostly in the portfolio sites from the web designer who wish to show to their clients that they are capable on doing this kind of cool stuffs. Sometimes, we only need something simple and well organized to gain the confident of the clients. </p>
<h3>7. Spacing and Padding</h3>
<p>This is very important to make sure that your site will not look like a spam site or &#8220;rojak site&#8221;. It also help users to read your content more easily. More white space can make your interface look more clean and well organized. What we need to do is make sure there is some padding for the content with the edge of the container or frame. For example:<br />
<center><img src="/content_image/tips/spacing.png" alt="Spacing" class="border" /></center></p>
<h3>Conclusion</h3>
<p>Forgive me if anything I said is wrong and you may find that I am not inserting those sites with the problems I mentioned above. I don&#8217;t want to hurt anyone and this is just my opinions and tips about web design that I learn from my experiences. Hope this article and help you. My purpose here is to share and also try to educate those clients to listen more from the web designer they hired.</p>
Similar Posts:<ul><li><a href="http://kailoon.com/psd-to-html/" rel="bookmark" title="May 18, 2008">W3 Markup - PSD to HTML</a></li>

<li><a href="http://kailoon.com/eoe-online-malaysia-online-photo-portal/" rel="bookmark" title="Jan 28, 2008">EOE ONLINE - MALAYSIA ONLINE PHOTO PORTAL</a></li>

<li><a href="http://kailoon.com/designers-behaviours/" rel="bookmark" title="Apr 12, 2008">Designer&#8217;s Behaviours</a></li>

<li><a href="http://kailoon.com/cssmates-a-good-place-for-css-lovers/" rel="bookmark" title="Mar 1, 2008">CSSMATES - A GOOD PLACE FOR CSS LOVERS</a></li>

<li><a href="http://kailoon.com/web-challenges/" rel="bookmark" title="Apr 8, 2008">WEB CHALLENGES</a></li>
</ul><!-- Similar Posts took 5.951 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/7-useful-web-design-tips/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Free WordPress Themes - blue Blog</title>
		<link>http://kailoon.com/free-wordpress-themes/</link>
		<comments>http://kailoon.com/free-wordpress-themes/#comments</comments>
		<pubDate>Mon, 05 May 2008 14:21:42 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Freebies]]></category>

		<category><![CDATA[WordPress Themes]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=231</guid>
		<description><![CDATA[
Here it come, This is the first ever FREE wordpress theme by kailoon. I finished this quite sometimes ago and I also tested it already with my personal blog. It is stable and great! Blue Blog is a 3 Column themes that mostly for bloggers. It contain 2 widget-ready sidebar, custom templates, integrated pulgins and [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/wp/blue-blog.png" alt="Blue-Blog" class="float"/><br />
Here it come, This is the first ever FREE wordpress theme by kailoon. I finished this quite sometimes ago and I also tested it already with my <a href="http://blog.kailoon.com" target="_blank" title="Brain O Brand">personal blog</a>. It is stable and great! Blue Blog is a 3 Column themes that mostly for bloggers. It contain 2 widget-ready sidebar, custom templates, integrated pulgins and integrated digg, delicious and stumbleupon for every posts. You can preview it here. It’s compatible with WordPress 2.5.1 and has been tested with in Firefox, Internet Explorer 6 &#038; &#038;, Opera, and Safari.</p>
<p><span id="more-231"></span><br />
I will release some high quality free wordpress themes here after this. Feel free to drop me some comments and suggestions after you used it.thanks! You can find the <a href="http://demo.themetation.com/?wptheme=blue" target="_blank" title="Blue Blog">demo here</a>.</p>
<h3>Features</h3>
<ul class="theme">
<li>Special space for blogger awesome photo</li>
<li>2 widget-ready sidebar with different style</li>
<li>custom templates:
<ul class="theme">
<li>archives</li>
<li>links</li>
<li>author</li>
</ul>
</li>
<li>integrated plugins:
<ul>
<li>Recent-Comments</li>
<li>Most-Commented</li>
</ul>
</li>
<li>Special Function:
<ul class="theme">
<li>Tabbing System</li>
<li>A 468 x 60 banner after the 1st post of the main page</li>
</ul>
</li>
<li>Formatting:
<ul class="theme">
<li>Special format for subtitle</li>
<li>Alternative formatting for comment fields.</li>
</ul>
</li>
</ul>
<h3>Compatibles</h3>
<ul class="theme">
<li>Up to WordPress version 2.5.1</li>
<li>FireFox</li>
<li>Internet Explorer 6</li>
<li>Internet Explorer 7</li>
<li>Opera</li>
<li>Safari</li>
</ul>
<h3>Validation</h3>
<ul class="theme">
<li><a href="http://jigsaw.w3.org/css-validator/" target="_blank" title="CSS validation">CSS</a> Validated</li>
<li><a href="http://validator.w3.org/" target="_blank" title="XHTML validation">XHTML</a> Validated</li>
</ul>
<h3>Terms</h3>
<p>Every themes you get will including with a details readme file that guide you step by step on the usage for the themes. A link will be included in the footer, if you dislike it, you can remove it from the footer.php. For any support or questions, feel free to drop me an <a href="http://themetation.com/feedback" title="Feedback" target="_blank">email</a>.</p>
<h3>Update</h3>
<blockquote><p>For everyone who have problem using the tab feature please check weither you are loading other jquery.js for your own script or via plugins. Any script will only need one jquery to work because when you load another jquery the previous function defined/loading will be overwrite by the second jquery.js.</p>
<p>I have update another version which is using another javascript library. If you find any problem with the tabbing system. Please download again and re-upload all the files.</p></blockquote>
<h3>Download</h3>
<p><a class="dlimg" href="http://kailoon.com/wp-content/plugins/download-monitor/download.php?id=10" title="Download Blue-Blog Version 2.0"><img src="http://kailoon.com/wp-content/themes/LoonDesign/images/download.png" alt="Download Blue-Blog Version 2.0" /></a></p>
<p class="dlstat">Downloaded a total of 1084 times</p>
Similar Posts:<ul><li><a href="http://kailoon.com/wordpress-25/" rel="bookmark" title="Mar 30, 2008">WORDPRESS 2.5</a></li>

<li><a href="http://kailoon.com/wordpress-251/" rel="bookmark" title="Apr 26, 2008">WordPress 2.5.1</a></li>

<li><a href="http://kailoon.com/recommended-wordpress-plugins/" rel="bookmark" title="Feb 9, 2008">RECOMMENDED WORDPRESS PLUGINS</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>

<li><a href="http://kailoon.com/free-complete-photoshop-ebook-from-sitepoint/" rel="bookmark" title="May 19, 2008">Free Complete Photoshop eBook from Sitepoint</a></li>
</ul><!-- Similar Posts took 5.658 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/free-wordpress-themes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Web Resources - 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 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/web-resources/icon.png" alt="web resources" class="float"/><br />
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.<br />
<span id="more-230"></span></p>
<h3 class="web">Tutorials</h3>
<div class="web">
<img src="/web-resources/april/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="/web-resources/april/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="/web-resources/april/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="/web-resources/april/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="/web-resources/april/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="/web-resources/april/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>
Similar Posts:<ul><li><a href="http://kailoon.com/web-resources-march/" rel="bookmark" title="Mar 25, 2008">WEB RESOURCES - MARCH</a></li>

<li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>

<li><a href="http://kailoon.com/web-resources-february/" rel="bookmark" title="Mar 4, 2008">WEB RESOURCES - FEBRUARY</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>

<li><a href="http://kailoon.com/web-resources-june/" rel="bookmark" title="Jun 30, 2008">Web Resources - June</a></li>
</ul><!-- Similar Posts took 5.694 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/web-resources-april/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WordPress 2.5.1</title>
		<link>http://kailoon.com/wordpress-251/</link>
		<comments>http://kailoon.com/wordpress-251/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 19:09:59 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=229</guid>
		<description><![CDATA[
Wow, it is fast and efficient. Stable latest WordPress Version 2.5.1 was released. Due to a few bugs in the 2.5 version. Now, they release a more stable version that with all bugs fixed. Check the bugs that had been fixed here and also download the latest version for WordPress. 


Actually, there is over 70 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/mywordpress.png" alt="wordpress" class="float"/><br />
Wow, it is fast and efficient. Stable latest WordPress Version 2.5.1 was released. Due to a few bugs in the 2.5 version. Now, they release a more stable version that with all bugs fixed. Check the bugs that had been fixed here and also download the latest version for WordPress. </p>
<p><span id="more-229"></span></p>
<div style="clear: left;"></div>
<p>Actually, there is over <a href="http://trac.wordpress.org/query?status=closed&#038;milestone=2.5.1&#038;resolution=fixed&#038;order=priority" title="fixed bugs" target="_blank">70 other fixes</a>. 2.5.1 focuses on fixing the most annoying bugs and improving performance. Here are some highlights:</p>
<ul>
<li>Performance improvements for the Dashboard, Write Post, and Edit Comments pages. </li>
<li>Better performance for those who have many categories</li>
<li>Media Uploader fixes</li>
<li>An upgrade to TinyMCE 3.0.7</li>
<li>Widget Administration fixes</li>
<li>Various usability improvements</li>
<li>Layout fixes for IE</li>
</ul>
<h3>Download</h3>
<p><a class="dlimg" href="http://kailoon.com/wp-content/plugins/download-monitor/download.php?id=9" title="Download WordPress 2.5.1 Version 2.5.1"><img src="http://kailoon.com/wp-content/themes/LoonDesign/images/download.png" alt="Download WordPress 2.5.1 Version 2.5.1" /></a></p>
<p class="dlstat">Downloaded a total of 47 times</p>
Similar Posts:<ul><li><a href="http://kailoon.com/wordpress-25/" rel="bookmark" title="Mar 30, 2008">WORDPRESS 2.5</a></li>

<li><a href="http://kailoon.com/free-wordpress-themes/" rel="bookmark" title="May 5, 2008">Free WordPress Themes - blue Blog</a></li>

<li><a href="http://kailoon.com/recommended-wordpress-plugins/" rel="bookmark" title="Feb 9, 2008">RECOMMENDED WORDPRESS PLUGINS</a></li>

<li><a href="http://kailoon.com/how-to-be-a-rockstar-freelancer/" rel="bookmark" title="Jan 18, 2008">HOW TO BE A ROCKSTAR FREELANCER</a></li>

<li><a href="http://kailoon.com/web-resources-may/" rel="bookmark" title="Jun 1, 2008">Web Resources - May</a></li>
</ul><!-- Similar Posts took 5.492 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/wordpress-251/feed/</wfw:commentRss>
		</item>
		<item>
		<title>NetTuts</title>
		<link>http://kailoon.com/nettuts/</link>
		<comments>http://kailoon.com/nettuts/#comments</comments>
		<pubDate>Tue, 22 Apr 2008 18:26:23 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=228</guid>
		<description><![CDATA[
Another big site had been launched after the great success of PSDtuts by Collis Ta&#8217;eed. This time, they go for website building tutorials/resources - Nettuts.com. This is a site that you MUST bookmark. Now, it is only a soft launch and the site will be updated slowly with 1 or 2 tutorials a week. Somehow, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/nettuts/nettuts.png" alt="nettuts" class="float" /><br />
Another big site had been launched after the great success of <a href="http://psdtuts.com" target="_blank" title="psdtuts.com">PSDtuts</a> by <strong>Collis Ta&#8217;eed</strong>. This time, they go for website building tutorials/resources - <a href="http://nettuts.com" target="_blank" title="Nettuts.com">Nettuts.com</a>. This is a site that you MUST bookmark. Now, it is only a soft launch and the site will be updated slowly with 1 or 2 tutorials a week. Somehow, I think they will pick up the speed while people submitting their tutorials. So, if you are a web designer or web developer. You may not want to miss any of their tutorials or topics there.<br />
<span id="more-228"></span></p>
<h3>Who Are They?</h3>
<p>Collis is the founder for psdtuts who also maintaining <a href="http://freelanceswitch.com" target="_blank" title="Freelanceswtich">Freelanceswitch</a> and <a href="http://flashden.net/" target="_blank" title="FlashDen">FlashDen. He also published a book called </a><a href="http://kailoon.com/how-to-be-a-rockstar-freelancer/" target="_blank" title="RockStar Freelancer">RockStar Freelancer</a>. I just saw this book being featured in the <strong>Web Design Magazine</strong>. I also submit my tutorial there and luckily being accepted and <a href="http://psdtuts.com/interface-tutorials/design-a-cartoon-grunge-website-layout/" title="my tutorial" target="_blank">published</a> in their web. </p>
<h3>Take As References but Not Copy Forever</h3>
<p>
<!-- Begin Google Adsense code -->
<div class="ad-left"><script type="text/javascript"><!--
google_ad_client = "pub-6579756546243405";
/* 200x200, created 4/7/08 */
google_ad_slot = "5602469743";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<!-- End Google Adsense code -->
I like his stuffs and his style. I knew that some of you may said that my site look similar to them. I admit that I got some influenced by them on this. But, I just feel that their style really nice and match with what I was thinking all the time. So, why not take as a reference since I still new in this field? However, there are also some part that I don&#8217;t like, so, I will use my idea to cover that.</p>
<p>When you cannot find a good design or style for yourself, why not try something else? Maybe not something new but at least something you never try. Who know they can give you some inspiration and you can come out with something amazing?</p>
<h3>A Good Resources For Web Developer</h3>
<p>At NETTUTS they will be tackling pretty much any subject to do with building websites including:</p>
<ul>
<li>Complete step by step website builds</li>
<li>HTML and CSS techniques</li>
<li>Flash effects and techniques</li>
<li>Javascript and AJAX</li>
<li>Dreamweaver and other tools</li>
<li>general web development skills</li>
</ul>
<p>So, don&#8217;t wait, head over there and read for their first tutorial in how to <a href="http://nettuts.com/html-css-techniques/creating-a-paypal-payment-form/" title="tutorial" target="_blank">create a paypal payment form</a>. This is a useful tutorial for those who wish to sell somethings online with <a href="http://paypal.com" title="paypal" target="_blank">paypal</a>.</p>
<p>That&#8217;s all for today. Have a nice day!</p>
Similar Posts:<ul><li><a href="http://kailoon.com/vectortuts/" rel="bookmark" title="Jun 18, 2008">Vectortuts</a></li>

<li><a href="http://kailoon.com/how-to-be-a-rockstar-freelancer/" rel="bookmark" title="Jan 18, 2008">HOW TO BE A ROCKSTAR FREELANCER</a></li>

<li><a href="http://kailoon.com/web-resources-april/" rel="bookmark" title="Apr 30, 2008">Web Resources - April</a></li>

<li><a href="http://kailoon.com/free-complete-photoshop-ebook-from-sitepoint/" rel="bookmark" title="May 19, 2008">Free Complete Photoshop eBook from Sitepoint</a></li>

<li><a href="http://kailoon.com/top-ten-resources-for-web-design-and-inspiration/" rel="bookmark" title="Jun 11, 2008">Top Ten Resources for Web Design and Inspiration</a></li>
</ul><!-- Similar Posts took 5.706 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/nettuts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Marie Digby</title>
		<link>http://kailoon.com/marie-digby/</link>
		<comments>http://kailoon.com/marie-digby/#comments</comments>
		<pubDate>Tue, 22 Apr 2008 17:57:58 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=227</guid>
		<description><![CDATA[
Recently, I can&#8217;t stop myself from browsing her youtube video. She is Marie Digby. I know her because we are going to sponsor her for an event soon. She is coming to Malaysia next month! Don&#8217;t talk about this. After I know her name, I browse over youtube and holy shit! Her songs are damn [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/mariedigby/mariedigby.png" alt="mariedigby" class="float"/><br />
Recently, I can&#8217;t stop myself from browsing her youtube video. She is <a href="http://en.wikipedia.org/wiki/Mari%C3%A9_Digby" title="Marie Digby" target="_blank">Marie Digby</a>. I know her because we are going to sponsor her for an event soon. She is coming to Malaysia next month! Don&#8217;t talk about this. After I know her name, I browse over youtube and holy shit! Her songs are damn nice! i can&#8217;t stop myself from listening it. I am also one of her fans in her facebook now .. haha&#8230;I was thinking is it suitable to post it here since it is not web related. But, Most of us know about her via youtube. So, what do you think?</p>
<p><span id="more-227"></span></p>
<h3>She Is Ordinary But Unique</h3>
<p>For me, she looks ordinary and maybe this is also the reason why we can feel that she is close to us. Not like the other superstar, like you can only &#8220;see&#8221; them but cannot &#8220;reach&#8221;. She is like the girl next door. Get what I mean? So friendly, kind and like a normal person in our community. Below is the song I most like which name &#8220;stupid for you&#8221;. This is the incomplete version where she will stop awhile because of the dog :). However, this just make the clip ,more natural and real.</p>
<p><object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/fqzLclWPY_w&amp;rel=1"><param name="movie" value="http://www.youtube.com/v/fqzLclWPY_w&amp;rel=1" /><param name="wmode" value="transparent" /><param name="quality" value="high" /></object></p>
<p><strong>Lyrics:</strong><br />
It&#8217;s not everday<br />
that i find a person quite like you<br />
perfect every way<br />
i finally found the nerve to confess that it&#8217;s you - that i want<br />
i don&#8217;t care if i act a fool<br />
i would damn near beg for you !<br />
put aside, all my pride<br />
so don&#8217;t keep me hanging here<br />
cause this girl is falling stupid for you..<br />
stupid for you..</p>
<p>the proper thing to do<br />
is for me to act like a lady and wait<br />
for you to make the first move<br />
but i don&#8217;t think you&#8217;re getting the point<br />
that it&#8217;s you - that i want<br />
i don&#8217;t care if i act a fool<br />
i would damn near beg for you<br />
put aside, all my pride<br />
so don&#8217;t keep me waiting here<br />
cause this girl is falling stupid for you!<br />
oh, oh stupid for you</p>
<p>why&#8217;s it always feel like i am<br />
chasing love when nothing&#8217;s there<br />
and here i go just making the same mistake&#8230;</p>
<p>i&#8217;ve fallen stupid for you..</p>
Similar Posts:<ul><li><a href="http://kailoon.com/web-design-or-blog-designer-or-freelancer/" rel="bookmark" title="Jun 9, 2008">Web Designer? Blog Designer? Freelancer?</a></li>

<li><a href="http://kailoon.com/another-kind-of-animation-design-in-flash/" rel="bookmark" title="Feb 17, 2008">ANOTHER KIND OF ANIMATION DESIGN IN FLASH</a></li>

<li><a href="http://kailoon.com/digital-photos-into-artistic-paintings/" rel="bookmark" title="Apr 19, 2008">Digital Photos Into Artistic Paintings</a></li>

<li><a href="http://kailoon.com/photo-edit-clean-and-smooth-skin/" rel="bookmark" title="Jul 18, 2007">PHOTO EDIT - CLEAN AND SMOOTH SKIN</a></li>

<li><a href="http://kailoon.com/my-dream-job/" rel="bookmark" title="Jul 23, 2007">MY DREAM JOB</a></li>
</ul><!-- Similar Posts took 5.747 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/marie-digby/feed/</wfw:commentRss>
		</item>
		<item>
		<title>How To Describe CSS?</title>
		<link>http://kailoon.com/how-do-you-describe-css/</link>
		<comments>http://kailoon.com/how-do-you-describe-css/#comments</comments>
		<pubDate>Mon, 21 Apr 2008 10:13:50 +0000</pubDate>
		<dc:creator>kailoon</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://kailoon.com/?p=224</guid>
		<description><![CDATA[
After I posted up the 5 useful CSS Tricks. I received some comments on how to explain what CSS is ? Or maybe how to define CSS? All the comments come after the first comment from Amei who asked &#8220;Does CSS code=HTML code?&#8221; Then I read some different descriptions after i explain mine. There are [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/content_image/css.png" class="float" alt="css" /><br />
After I posted up the 5 useful CSS Tricks. I received some comments on how to explain what CSS is ? Or maybe how to define CSS? All the comments come after the first comment from Amei who asked &#8220;Does CSS code=HTML code?&#8221; Then I read some different descriptions after i explain mine. There are a lots of CSS hardcore coder out there and also web designers. I think each of them have their different point of view for CSS, XHTML or maybe Javascript and PHP. It will be fun when we compare it with pur daily life.<br />
<span id="more-224"></span><br />
<strong>Kai loon said:</strong></p>
<ul>
&#8220;HTML is the parents and CSS is their child, CSS has beautify his parents life since he was borne. Now, The kids grow up and can have their own career but still they are under protection by their parents.&#8221;
</ul>
<p><strong><a href="http://themegears.com/" title="css" target="_blank">xaer8</a> said:</strong></p>
<ul>
&#8220;HTML code is like the face, while CSS code is like the make-ups. Without make-ups, you won’t look pretty.&#8221;
</ul>
<p><strong><a href="http://kayzio.com/" title="css" target="_blank">sandersky</a> said:</strong></p>
<ul>
&#8220;html is like a pclear condom while css is a green glow in the dark coating. it makes the condom a lot more attractive and less plain.&#8221;
</ul>
<p>So, how about you? Mind to share your unique descriptions?</p>
Similar Posts:<ul><li><a href="http://kailoon.com/164/" rel="bookmark" title="Nov 9, 2007">WORDPRESS PLUGIN - POLL</a></li>

<li><a href="http://kailoon.com/site-upadates/" rel="bookmark" title="Jun 28, 2008">Site Updates</a></li>

<li><a href="http://kailoon.com/photo-edit-soft-glow-effects/" rel="bookmark" title="Jul 20, 2007">PHOTO EDIT - SOFT GLOW EFFECTS</a></li>

<li><a href="http://kailoon.com/design-coding/" rel="bookmark" title="Apr 18, 2008">Design Coding - Song</a></li>

<li><a href="http://kailoon.com/how-to-be-a-rockstar-freelancer/" rel="bookmark" title="Jan 18, 2008">HOW TO BE A ROCKSTAR FREELANCER</a></li>
</ul><!-- Similar Posts took 5.759 ms -->]]></content:encoded>
			<wfw:commentRss>http://kailoon.com/how-do-you-describe-css/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
