<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: 3 new and amazing CSS tricks every web designer must know</title>
	<atom:link href="http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/</link>
	<description>For people who want to build better websites</description>
	<lastBuildDate>Fri, 05 Feb 2010 19:13:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
	<item>
		<title>By: Xtence</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-4/#comment-375</link>
		<dc:creator>Xtence</dc:creator>
		<pubDate>Fri, 20 Nov 2009 19:54:40 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-375</guid>
		<description>Great tricks, but there&#039;s an issue with the blur menu on IE (what did you expect) Nice !</description>
		<content:encoded><![CDATA[<p>Great tricks, but there&#8217;s an issue with the blur menu on IE (what did you expect) Nice !
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-375" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('375', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-375-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-375" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('375', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-375-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tsedaka</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-4/#comment-323</link>
		<dc:creator>Tsedaka</dc:creator>
		<pubDate>Mon, 16 Nov 2009 06:32:28 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-323</guid>
		<description>Yes, but it can be tricky :)

Try and have fun... that&#039;s the best way to learn!</description>
		<content:encoded><![CDATA[<p>Yes, but it can be tricky :)</p>
<p>Try and have fun&#8230; that&#8217;s the best way to learn!
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-323" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('323', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-323-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-323" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('323', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-323-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Pat Long</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-4/#comment-309</link>
		<dc:creator>Pat Long</dc:creator>
		<pubDate>Thu, 12 Nov 2009 07:13:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-309</guid>
		<description>Any way to adapt this to vertical nav?</description>
		<content:encoded><![CDATA[<p>Any way to adapt this to vertical nav?
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-309" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('309', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-309-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-309" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('309', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-309-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: BEBEN</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-4/#comment-294</link>
		<dc:creator>BEBEN</dc:creator>
		<pubDate>Tue, 10 Nov 2009 10:13:13 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-294</guid>
		<description>i love blur theme...thank&#039;s for the tutorial...so usefull</description>
		<content:encoded><![CDATA[<p>i love blur theme&#8230;thank&#8217;s for the tutorial&#8230;so usefull
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-294" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('294', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-294-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-294" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('294', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-294-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tsedaka</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-4/#comment-290</link>
		<dc:creator>Tsedaka</dc:creator>
		<pubDate>Tue, 10 Nov 2009 01:07:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-290</guid>
		<description>@Bogdan Poop

Seriously guy, read the others comments. Try again with the last version of Firefox, Opera, Safari or Google chrome...</description>
		<content:encoded><![CDATA[<p>@Bogdan Poop</p>
<p>Seriously guy, read the others comments. Try again with the last version of Firefox, Opera, Safari or Google chrome&#8230;
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-290" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('290', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-290-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-290" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('290', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-290-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bogdan Pop</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-4/#comment-285</link>
		<dc:creator>Bogdan Pop</dc:creator>
		<pubDate>Mon, 09 Nov 2009 16:57:14 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-285</guid>
		<description>I don&#039;t see anything good in the blurry effect. After you hover one element in the menu, you cave no clue whatsoever as to what other links are about. Pointless.</description>
		<content:encoded><![CDATA[<p>I don&#8217;t see anything good in the blurry effect. After you hover one element in the menu, you cave no clue whatsoever as to what other links are about. Pointless.
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-285" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('285', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-285-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-285" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('285', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-285-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 80+ Awesome Community Links for Designers and Developers &#124; Master Design</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-3/#comment-284</link>
		<dc:creator>80+ Awesome Community Links for Designers and Developers &#124; Master Design</dc:creator>
		<pubDate>Mon, 09 Nov 2009 14:49:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-284</guid>
		<description>[...] 3 new and amazing CSS tricks every web designer must know [...]</description>
		<content:encoded><![CDATA[<p>[...] 3 new and amazing CSS tricks every web designer must know [...]
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-284" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('284', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-284-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-284" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('284', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-284-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: dot Blog. The week in links 09/11/09</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-3/#comment-279</link>
		<dc:creator>dot Blog. The week in links 09/11/09</dc:creator>
		<pubDate>Mon, 09 Nov 2009 11:05:31 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-279</guid>
		<description>[...] 3 New And Amazing CSS Tricks Every Web Designer Must Know (woobzine.com) [...]</description>
		<content:encoded><![CDATA[<p>[...] 3 New And Amazing CSS Tricks Every Web Designer Must Know (woobzine.com) [...]
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-279" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('279', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-279-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-279" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('279', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-279-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tsedaka</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-3/#comment-269</link>
		<dc:creator>Tsedaka</dc:creator>
		<pubDate>Sun, 08 Nov 2009 15:13:12 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-269</guid>
		<description>@Helena

The problem with text-shadow is the direction &gt; right / bottom. Moreover, you can&#039;t just move your text left with text-indent because the shadow would move too.

In other words, if you menu is at the top or left, you can use this trick. Else, it&#039;s more difficult.


@Edward

The idea behind these tricks is to make people aware of the power of CSS. To be honest, I wouldn&#039;t use any of these (well maybe the last one) in a &quot;real&quot; project.

But it&#039;s always good to open your mind and widen your skills ^^</description>
		<content:encoded><![CDATA[<p>@Helena</p>
<p>The problem with text-shadow is the direction > right / bottom. Moreover, you can&#8217;t just move your text left with text-indent because the shadow would move too.</p>
<p>In other words, if you menu is at the top or left, you can use this trick. Else, it&#8217;s more difficult.</p>
<p>@Edward</p>
<p>The idea behind these tricks is to make people aware of the power of CSS. To be honest, I wouldn&#8217;t use any of these (well maybe the last one) in a &#8220;real&#8221; project.</p>
<p>But it&#8217;s always good to open your mind and widen your skills ^^
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-269" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('269', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-269-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-269" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('269', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-269-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: robsku</title>
		<link>http://www.woobzine.com/topics/howto/3-new-and-amazing-css-tricks-every-web-designer-must-know/comment-page-3/#comment-263</link>
		<dc:creator>robsku</dc:creator>
		<pubDate>Sat, 07 Nov 2009 17:48:50 +0000</pubDate>
		<guid isPermaLink="false">http://www.woobzine.com/?p=430#comment-263</guid>
		<description>I would say that the navigation blur is not exactly something I would find pleasant to view at all, navigation menu should be clearly visible without me having to wave a mouse over it (I use keyboard for navigating anyway so it would be even more trouble for me personally than for average mouser who by default already has his hand on mouse).

As for effects not showing on large percentage of clients, I personally don&#039;t mind that if the effects used are selected with good taste so that the page looks great without them and even better with them - that way they become just enhancements with no harm done from lack of them.</description>
		<content:encoded><![CDATA[<p>I would say that the navigation blur is not exactly something I would find pleasant to view at all, navigation menu should be clearly visible without me having to wave a mouse over it (I use keyboard for navigating anyway so it would be even more trouble for me personally than for average mouser who by default already has his hand on mouse).</p>
<p>As for effects not showing on large percentage of clients, I personally don&#8217;t mind that if the effects used are selected with good taste so that the page looks great without them and even better with them &#8211; that way they become just enhancements with no harm done from lack of them.
<p class="comment-rating">Like or Dislike: <img style="padding: 0px; border: none; cursor: pointer;" id="up-263" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_up.png" alt="Thumb up" onclick="javascript:ckratingKarma('263', 'add', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_');" title="Thumb up" /> <small id="karma-263-up" style="font-size:11px; color:#009933;;">0</small>&nbsp;<img style="padding: 0px; border: none; cursor: pointer;" id="down-263" src="http://www.woobzine.com/wp-content/plugins/comment-rating/images/1_14_down.png" alt="Thumb down" onclick="javascript:ckratingKarma('263', 'subtract', 'www.woobzine.com/wp-content/plugins/comment-rating/', '1_14_')" title="Thumb down" /> <small id="karma-263-down" style="font-size:11px; color:#990033;;">0</small></p>
]]></content:encoded>
	</item>
</channel>
</rss>
