<?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>Web 2.0 Tutorials &#187; webdesign</title>
	<atom:link href="http://tutorialvine.com/category/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://tutorialvine.com</link>
	<description>From Webdesign to how to maximize your revenue streams.</description>
	<pubDate>Sat, 11 Oct 2008 23:42:50 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Web Design and Web Designers</title>
		<link>http://tutorialvine.com/web-design-and-web-designers</link>
		<comments>http://tutorialvine.com/web-design-and-web-designers#comments</comments>
		<pubDate>Fri, 22 Aug 2008 10:17:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[articles]]></category>

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

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

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

		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://tutorialvine.com/?p=178</guid>
		<description><![CDATA[By: helen
While you are carrying out your website design you should put yourself in the position of a visitor to your site and look at it from their point of view. If you are able to do this you will give yourself a good idea of the weak and good points of your website, which [...]]]></description>
			<content:encoded><![CDATA[<p>By: <a href="http://blogticles.com/profile/Helen/6479" rel="nofollow">helen</a></span></span></p>
<p>While you are carrying out your website <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> you should put yourself in the position of a visitor to your site and look at it from their point of view. If you are able to do this you will give yourself a good idea of the weak and good points of your website, which will enable you to improve your site in a way that will generate more traffic to it.</p>
<p><a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">Web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> is a highly important aspect and has many functions such as giving your website more of a chance to appear in the top spots in the search engine results and as a means of drawing more visitors into your website; however getting people to click on your URL is just the first step, after this you have to get them to stay there long enough for them to use your business. Without good website <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> no one will stay on your site for longer than a few seconds. You need a website that is visually appealing and functional; you might have the most beautifully designed site ever but if you have poor navigation you are losing out on thousands of customers.</p>
<p>The navigation of your site is so important to its usability. Someone is much more likely to use a website that is easy to navigate but not that pleasing on the eye as oppose to a site that is graphically stunning but impossible to navigate. My point here is that <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> comes down to a lot more than just being nice to look at. Your <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> covers the structure of your site. So when you are designing the navigation of your site remember that you need to ensure that links are consistent throughout your site and that your main navigation bar is present on all of your websites pages. This makes your website user friendly and will mean people are more likely to stick around long enough on your site to buy your products or services.</p>
<p>One thing that you should avoid when you are designing your website is clutter. This is essential when it comes to the layout of your <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a>. All of the text and pictures that you are using within your website should be placed carefully and any links that you have placed on a page of your website should be highlighted so that people know exactly where to click. If you have a global market, your <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> should include buttons where translations for your <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> pages are available.</p>
<p>Going back to the idea of text and graphics on your site you need to ensure that the text that you have placed on your site is the right amount to get your message across; you need to sum up aspects of your business in a few words. Once you have done this you need to place your text on the site, which should be placed in a separate colour to the background of your site. The graphics on your website should be neatly placed and not overpowering. They should draw your eye into the text that is placed on your site.</p>
<p>Building a website can be a demanding job for beginners, which is why if you are going to create a website for your business that you should enlist the <a href="http://tutorialvine.com/tag/help" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with help">help</a> of a <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> designer who will be able to <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> your website with experience, at a faster pace and in a way that will broaden your horizons with the best way of approaching <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a>. By enlisting the <a href="http://tutorialvine.com/tag/help" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with help">help</a> of a professional you are giving your online business the best possible chance.<br />
<a href="http://blogticles.com/">Article Source</a>: http://blogticles.com</p>
<p><strong>Information about the Author:</strong> Helen is the <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> master of Discount <a href="http://tutorialvine.com/tag/domains" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with domains">Domains</a>, who can provide you with specialist <a href="http://www.discountdomainsuk.com/domain_services.php" target="_blank">Web Design</a> for all of your needs.</p>
<div class="oio-postlinks"><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel="nofollow" href="http://tutorialvine.com/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=178">Intext Link</a></div>
<p>a</p>
<p><a href="http://tutorialvine.com/web-design-and-web-designers">Web Design and Web Designers</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialvine.com/web-design-and-web-designers/feed</wfw:commentRss>
		</item>
		<item>
		<title>Web Design - A Brief Tutorial</title>
		<link>http://tutorialvine.com/web-design-a-brief-tutorial</link>
		<comments>http://tutorialvine.com/web-design-a-brief-tutorial#comments</comments>
		<pubDate>Fri, 22 Aug 2008 08:49:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[articles]]></category>

		<category><![CDATA[web 2.0]]></category>

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

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

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

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

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

		<guid isPermaLink="false">http://tutorialvine.com/?p=176</guid>
		<description><![CDATA[By Giancarlo Matturi
Back in the early years of internet it was more than enough just to write a few sentences on your webpage and to upload an image or two in order to receive a massive amount of web traffic. But nowadays things are completely different and, if you want to get the same amount [...]]]></description>
			<content:encoded><![CDATA[<p>By Giancarlo Matturi</p>
<p>Back in the early years of internet it was more than enough just to write a few sentences on your webpage and to upload an image or two in order to receive a massive amount of <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> traffic. But nowadays things are completely different and, if you want to get the same amount of high traffic, you have to focus on more <a href="http://tutorialvine.com/tag/issues" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with issues">issues</a>, which are all part of the so called &#8220;<a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a>&#8221;.</p>
<p>As stipulated in the <a href="http://tutorialvine.com/tag/google" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Google">Google</a> guidelines, these <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> <a href="http://tutorialvine.com/tag/issues" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with issues">issues</a> refer to the relevancy of your website to the visitors&#8217; search query, to the transparency of your website regarding the nature of your business and to the navigability of your website. Taking those <a href="http://tutorialvine.com/tag/issues" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with issues">issues</a> into consideration when designing your website will improve your visitors&#8217; experience with it, thus you will build trust in your business; and you know what that means from the sales&#8217; point of view.</p>
<p>Knowing those important <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> guidelines, you are able to <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> your website yourself. But if you feel you don&#8217;t have enough experience to deliver a real competitive &#8220;product&#8221; on the market you could hire a professional <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> designer or a company to do it for you. Either way, there are some key elements which will increase your profit when used properly.</p>
<p>First and foremost, it is very important to set your main goal. Whether that would be a sale, an e-mail registration or viewing a specific page on your website, your website must have a goal. After choosing the goal, make sure you entice your visitors to follow the path to that goal; use dynamic words, always refer straight to the visitor using &#8220;you&#8221; and keep the text short and to the point. Don&#8217;t expect the visitor to know what he is supposed to do; use a strong call to action, like &#8220;join now&#8221; or &#8220;learn more&#8221;, to pursue his buying, registering or viewing a specific page. Also <a href="http://tutorialvine.com/tag/help" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with help">help</a> the visitors to buy, register or view that specific page and simplify the path to that final objective.</p></div>
<p>There are more aspects about this topic and if you are interested in it, check out these <a  href="http://online-development.blogspot.com/search/label/Web%20Design" target="_new" rel="nofollow">web design tips</a>.</p>
<p><a title="Web Design Tutorial" href="http://online-development.blogspot.com/search/label/Web%20Design" target="_new" rel="nofollow">Web Design Tutorial</a></p>
<div>
<p>Article Source: <a href="http://ezinearticles.com/?expert=Giancarlo_Matturi" rel="nofollow">http://EzineArticles.com/?expert=Giancarlo_Matturi</a></div>
</div>
<div class="oio-postlinks"><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel="nofollow" href="http://tutorialvine.com/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=176">Intext Link</a></div>
<p>a</p>
<p><a href="http://tutorialvine.com/web-design-a-brief-tutorial">Web Design - A Brief Tutorial</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialvine.com/web-design-a-brief-tutorial/feed</wfw:commentRss>
		</item>
		<item>
		<title>New design, once again</title>
		<link>http://tutorialvine.com/new-design-once-again</link>
		<comments>http://tutorialvine.com/new-design-once-again#comments</comments>
		<pubDate>Tue, 12 Aug 2008 10:29:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[blog updates]]></category>

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

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

		<guid isPermaLink="false">http://tutorialvine.com/?p=158</guid>
		<description><![CDATA[It seems I can never find the absolutely perfect design, but I believe I have come a lot close this time with the current design, a Wordpress Theme named Fervens.
The theme is by a loyal Smashing Magazine reader, Elena Gafita, and the design is by far one of the most beautiful I have yet seen.
Grab [...]]]></description>
			<content:encoded><![CDATA[<p>It seems I can never find the absolutely perfect <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a>, but I believe I have come a lot close this time with the current <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a>, a Wordpress Theme named Fervens.</p>
<div id="attachment_159" class="wp-caption alignnone" style="width: 310px"><a href="http://tutorialvine.com/wp-content/uploads/2008/08/fervens-pr.jpg"><img class="size-medium wp-image-159" title="Fervens design screenshot" src="http://tutorialvine.com/wp-content/uploads/2008/08/fervens-pr-300x262.jpg" alt="Fervens design screenshot" width="300" height="262" /></a><p class="wp-caption-text">Fervens <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> screenshot</p></div>
<p>The theme is by a loyal Smashing Magazine reader, Elena Gafita, and the <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> is by far one of the most beautiful I have yet seen.</p>
<p>Grab your own copy here: <a href="http://www.smashingmagazine.com/2008/08/05/fervens-a-free-wordpress-theme/" target="_blank">http://www.smashingmagazine.com/2008/08/05/fervens-a-free-wordpress-theme/</a></p>
<div class="oio-postlinks"><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel="nofollow" href="http://tutorialvine.com/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=158">Intext Link</a></div>
<p>a</p>
<p><a href="http://tutorialvine.com/new-design-once-again">New design, once again</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialvine.com/new-design-once-again/feed</wfw:commentRss>
		</item>
		<item>
		<title>Have you seen BuildYourSite.com?</title>
		<link>http://tutorialvine.com/have-you-seen-buildyoursitecom</link>
		<comments>http://tutorialvine.com/have-you-seen-buildyoursitecom#comments</comments>
		<pubDate>Tue, 01 Jul 2008 14:11:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[webdesign]]></category>

		<category><![CDATA[available designs]]></category>

		<category><![CDATA[cool homepage]]></category>

		<category><![CDATA[free domain name]]></category>

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

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

		<category><![CDATA[interactive website]]></category>

		<category><![CDATA[low budget]]></category>

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

		<category><![CDATA[test drive]]></category>

		<category><![CDATA[website builder]]></category>

		<guid isPermaLink="false">http://tutorialvine.com/?p=135</guid>
		<description><![CDATA[I recently stumbled over SiteBuilderPRO which is a very cool homepage that can help beginners create a website.
They have an interactive website builder which can be easily used simply via entering a little bit of data in a few easy steps.
They offer over 4000 ready made designs, and they offer you to get a homepage [...]]]></description>
			<content:encoded><![CDATA[<p>I recently stumbled over <a href="http://tutorialvine.com/tag/sitebuilderpro" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with SiteBuilderPRO">SiteBuilderPRO</a> which is a very cool <a href="http://tutorialvine.com/tag/homepage" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with homepage">homepage</a> that can <a href="http://tutorialvine.com/tag/help" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with help">help</a> beginners <a rel="nofollow" href="http://www.buildyoursite.com" target="_blank">create a website</a>.</p>
<p>They have an interactive <a rel="nofollow" href="http://www.buildyoursite.com/website-builder.php" target="_blank">website builder</a> which can be easily used simply via entering a little bit of data in a few easy steps.</p>
<p>They offer over 4000 ready made designs, and they offer you to get a <a href="http://tutorialvine.com/tag/homepage" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with homepage">homepage</a> and access to all those designs for only $9.95 a month, including a <a href="http://tutorialvine.com/tag/free-domain-name" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with free domain name">free domain name</a>.</p>
<p>The package also offer basic Website Promotion Tools (I wonder what that is?) but most importantly a risk free 30 day money back guarantee.</p>
<p>They have a <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> gallery of some of their <a href="http://tutorialvine.com/tag/available-designs" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with available designs">available designs</a>. Although they are not very outstanding by any <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> 2.0 standard (do we have that actually? Officially I mean?), the designs are very nice considering the price.</p>
<p>If you want to <a rel="nofollow" href="http://www.buildyoursite.com" target="_blank">create a website</a> but you have a <a href="http://tutorialvine.com/tag/low-budget" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with low budget">low budget</a> and just want to get started, this might be the best place for you to get started.</p>
<p><em>p.s. They do offer a test-drive, so you can get a glimpse behind, and see what you get for the price</em>.</p>
<div class="oio-postlinks"><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel="nofollow" href="http://tutorialvine.com/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=135">Intext Link</a></div>
<p>a</p>
<p><a href="http://tutorialvine.com/have-you-seen-buildyoursitecom">Have you seen BuildYourSite.com?</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialvine.com/have-you-seen-buildyoursitecom/feed</wfw:commentRss>
		</item>
		<item>
		<title>Finding good webtemplates</title>
		<link>http://tutorialvine.com/finding-good-webtemplates</link>
		<comments>http://tutorialvine.com/finding-good-webtemplates#comments</comments>
		<pubDate>Sat, 10 May 2008 15:53:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[reviews]]></category>

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

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

		<category><![CDATA[instant access]]></category>

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

		<category><![CDATA[quality web]]></category>

		<category><![CDATA[source files]]></category>

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

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

		<category><![CDATA[web templates]]></category>

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

		<category><![CDATA[word templates]]></category>

		<guid isPermaLink="false">http://tutorialvine.com/?p=129</guid>
		<description><![CDATA[Working with web, you often get customers that are interested in getting a presence on the internet, but not quite sure how to use the internet in their business.
Years ago when I started out it was a problem to even convince customers to get online, and even more to actually pay for the development costs.

 [...]]]></description>
			<content:encoded><![CDATA[<p>Working with <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a>, you often get customers that are interested in getting a presence on the internet, but not quite sure how to use the internet in their business.</p>
<p>Years ago when I started out it was a problem to even convince customers to get online, and even more to actually pay for the development costs.</p>
<p><a href="http://www.dpbolvw.net/hb66ft1zt0GJOHOPMOGIHLMQQNO" target="_blank"><br />
<img class="alignleft" style="border: 0pt none; float: left;" src="http://www.awltovhc.com/9f104tkocig14929A7913267BB89" border="0" alt="DreamTemplate - Web Templates" /></a> For me it was always important to save costs on the development, and increase my overhead on small projects. One of the ways I did that, was to implement the use of <a rel="nofollow" href="http://www.dreamtemplate.com" target="_blank">web templates</a>.</p>
<p><a onmouseover="window.status='http://www.dreamtemplate.com';return true;" onmouseout="window.status=' ';return true;" href="http://www.tkqlhce.com/click-2707857-10459975" target="_blank">DreamTemplate</a><br />
<img src="http://www.tqlkg.com/image-2707857-10459975" border="0" alt="" width="1" height="1" /> is just one out of many sites that offer that to their visitors. But that is where the comparison ends. They have a very excellent system where you get unlimited access to all their templates, but for a very fair yearly price, $59.95.</p>
<p>For that price you usually would not expect very much, but the price does cover <a href="http://tutorialvine.com/tag/instant-access" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with instant access">instant access</a> to more than 1000 well produced quality <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> templates, including full <a href="http://tutorialvine.com/tag/source-files" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with source files">source files</a> in html and the original <a href="http://tutorialvine.com/tag/photoshop" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with photoshop">Photoshop</a> <a href="http://tutorialvine.com/tag/source-files" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with source files">source files</a> for additional <a href="http://tutorialvine.com/tag/tweaking" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with tweaking">tweaking</a>.</p>
<p>Now, for me that would be more than enough, but the membership also includes access to over 15.000 different cliparts, 500 <a href="word templates" target="_blank">word templates</a>, 8.000 TrueType <a href="http://tutorialvine.com/tag/fonts" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with fonts">fonts</a>, and the list just goes on.</p>
<p>What more do you need? Click the link to the left (aff), take a look and sign up!</p>
<p><em>P.s. If I were to add something negative, its the music that automatically plays whenever you go to the frontpage. It only plays for a few seconds, but it is VERY annoying in my ears.</em></p>
<div class="oio-postlinks"><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel="nofollow" href="http://tutorialvine.com/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=129">Intext Link</a></div>
<p>a</p>
<p><a href="http://tutorialvine.com/finding-good-webtemplates">Finding good webtemplates</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialvine.com/finding-good-webtemplates/feed</wfw:commentRss>
		</item>
		<item>
		<title>Tool to clean your CSS</title>
		<link>http://tutorialvine.com/tool-to-clean-your-css</link>
		<comments>http://tutorialvine.com/tool-to-clean-your-css#comments</comments>
		<pubDate>Wed, 07 May 2008 09:03:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[tips]]></category>

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

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

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

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

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

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

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

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

		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://tutorialvine.com/?p=123</guid>
		<description><![CDATA[I&#8217;m sure most people that develop web design have had this problem. Working on a huge site can add a lot of redundant code, especially CSS code.
Once you have finished working on your design, its time to optimize your code. Cleaning a CSS file manually can be very cumbersome and you might end with strange [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m sure most people that develop <a href="http://tutorialvine.com/tag/web" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Web">web</a> <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a> have had this problem. Working on a huge site can add a lot of redundant code, especially <a href="http://tutorialvine.com/tag/css" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with css">CSS</a> code.</p>
<p>Once you have finished working on your <a href="http://tutorialvine.com/tag/design" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with design">design</a>, its time to optimize your code. Cleaning a <a href="http://tutorialvine.com/tag/css" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with css">CSS</a> file manually can be very cumbersome and you might end with strange results, going back and forth in your backups to put in a style you should not have removed.</p>
<p>I was about to embark on this task anyway, when I decided to do a little <a href="http://tutorialvine.com/tag/google" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Google">Google</a> search, and actually found a <a href="http://tutorialvine.com/tag/firefox" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with firefox">Firefox</a> <a href="http://tutorialvine.com/tag/extension" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with extension">Extension</a> developed by Sitepoint.</p>
<p>It&#8217;s called <a href="http://www.sitepoint.com/dustmeselectors" target="_blank">Dust-Me Selectors</a> and gives you a <a href="http://tutorialvine.com/tag/tool" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with tool">tool</a> to automatically search a site for its <a href="http://tutorialvine.com/tag/css" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with css">CSS</a> styles and then present you with a list of redundant styles.</p>
<p>See here for the list it gave me of a site I had been working on, putting selectors in and out, and making it a big mess:</p>
<p><a href="http://tutorialvine.com/wp-content/uploads/2008/05/79unused.jpg" target="_blank"><img style="vertical-align: baseline;" src="http://tutorialvine.com/wp-content/uploads/2008/05/79unused.jpg" alt="79 unused CSS selectors" /></a></p>
<p>The <a href="http://tutorialvine.com/tag/tool" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with tool">tool</a> itself is very simple to use, after installing it in <a href="http://tutorialvine.com/tag/firefox" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with firefox">Firefox</a> you get a nifty little broom <a href="http://tutorialvine.com/tag/tool" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with tool">tool</a> in the bottom of your window.</p>
<p><a href="http://tutorialvine.com/wp-content/uploads/2008/05/statusbar.gif" target="_blank"><img class="alignnone size-medium wp-image-125" title="statusbar" src="http://tutorialvine.com/wp-content/uploads/2008/05/statusbar.gif" alt="" width="115" height="57" /></a></p>
<p><em>(Image courtesy of Sitepoint)</em></p>
<p>The <a href="http://tutorialvine.com/tag/tool" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with tool">tool</a> has many nifty features, such as searching your entire site via your <a href="http://tutorialvine.com/tag/sitemap" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with sitemap">sitemap</a> (.xml format or HTML sitemaps are recognized). This helps you if you have a lot of differently designed subpages, so it does inadvertently advise you to clean a selector you were actually using on a different part of your site.</p>
<p><a href="http://tutorialvine.com/wp-content/uploads/2008/05/spiderdialog.gif" target="_blank"><img class="alignnone size-medium wp-image-126" title="spiderdialog" src="http://tutorialvine.com/wp-content/uploads/2008/05/spiderdialog-300x164.gif" alt="" width="300" height="164" /></a></p>
<p><em>(Image courtesy of Sitepoint)</em></p>
<p>The <a href="http://tutorialvine.com/tag/tool" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with tool">tool</a> is fairly small and uncomplicated, but it does give you the exact tools you need for cleaning your <a href="http://tutorialvine.com/tag/css" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with css">CSS</a> style sheets.</p>
<p><a href="http://tutorialvine.com/wp-content/uploads/2008/05/statusbar-context.gif" target="_blank"><img class="alignnone size-medium wp-image-127" title="statusbar-context" src="http://tutorialvine.com/wp-content/uploads/2008/05/statusbar-context.gif" alt="" width="292" height="230" /></a></p>
<p><em>(Image courtesy of Sitepoint)</em></p>
<div class="oio-postlinks"><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel="nofollow" href="http://tutorialvine.com/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=123">Intext Link</a></div>
<p>a</p>
<p><a href="http://tutorialvine.com/tool-to-clean-your-css">Tool to clean your CSS</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialvine.com/tool-to-clean-your-css/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
