<?xml version="1.0" encoding="iso-8859-1"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Words &#187; CSS Tips and Tricks</title>
	<atom:link href="http://wizardev.ca/web-words/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://wizardev.ca/web-words</link>
	<description>Web development resources</description>
	<lastBuildDate>Wed, 06 Jan 2010 14:49:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>53 CSS-Techniques You Couldn’t Live Without (Smashing Magazine)</title>
		<link>http://wizardev.ca/web-words/53-css-techniques-you-couldnt-live-without-smashing-magazine/</link>
		<comments>http://wizardev.ca/web-words/53-css-techniques-you-couldnt-live-without-smashing-magazine/#comments</comments>
		<pubDate>Mon, 22 Jan 2007 14:34:36 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/53-css-techniques-you-couldnt-live-without-smashing-magazine</guid>
		<description><![CDATA[Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time &#8211; of course, if you are able to find them in time. (Article dated: January 19, 2006) Read the Article&#8230;]]></description>
			<content:encoded><![CDATA[<p>Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time &#8211; of course, if you are able to find them in time. <small>(Article dated: January 19, 2006)</small></p>
<p><a href="http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without" rel="external">Read the Article&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/53-css-techniques-you-couldnt-live-without-smashing-magazine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 Keys to Understanding Modern CSS-based Layouts (Snook.ca)</title>
		<link>http://wizardev.ca/web-words/6-keys-to-understanding-modern-css-based-layouts-snookca/</link>
		<comments>http://wizardev.ca/web-words/6-keys-to-understanding-modern-css-based-layouts-snookca/#comments</comments>
		<pubDate>Mon, 20 Aug 2007 22:05:48 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/6-keys-to-understanding-modern-css-based-layouts-snookca</guid>
		<description><![CDATA[Much of CSS is pretty straightforward and quite easy for most people to grasp. There&#8217;s font styles, margin, padding, color and what not. But there&#8217;s a wall that people will run into&#8230; that point where a number of key elements need to come together to create a solid CSS-based layout that is consistent cross-browser. These [...]]]></description>
			<content:encoded><![CDATA[<p>Much of CSS is pretty straightforward and quite easy for most people to grasp. There&#8217;s font styles, margin, padding, color and what not. But there&#8217;s a wall that people will run into&#8230; that point where a number of key elements need to come together to create a solid CSS-based layout that is consistent cross-browser.  These are the six things that will help people get over the hump. <small>(Article dated: August 8, 2007)</small></p>
<p>Read <a href="http://snook.ca/archives/html_and_css/six_keys_to_understanding_css_layouts/" rel="external">6 Keys to Understanding Modern CSS-based Layouts</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/6-keys-to-understanding-modern-css-based-layouts-snookca/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Guide to CSS Support in Email (Campaign Monitor)</title>
		<link>http://wizardev.ca/web-words/a-guide-to-css-support-in-email-campaign-monitor/</link>
		<comments>http://wizardev.ca/web-words/a-guide-to-css-support-in-email-campaign-monitor/#comments</comments>
		<pubDate>Tue, 04 Apr 2006 13:41:32 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>
		<category><![CDATA[Newsletter Marketing]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/a-guide-to-css-support-in-email-campaign-monitor</guid>
		<description><![CDATA[If Internet Explorer is the schoolyard bully making our web design lives a little harder, then Hotmail, Lotus Notes and Eudora are serial killers making our email design lives hell. Yes, it&#8217;s really that bad. (Article dated: March 30, 2006) Read the Article&#8230; See also a tip for Hotmail Receipients.]]></description>
			<content:encoded><![CDATA[<p>If Internet Explorer is the schoolyard bully making our web design lives a little harder, then Hotmail, Lotus Notes and Eudora are serial killers making our email design lives hell. Yes, it&#8217;s really that bad. <small>(Article dated: March 30, 2006)</small></p>
<p><a href="http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_1.html#more" rel="external">Read the Article&#8230;</a></p>
<p>See also a tip for <a href="http://www.campaignmonitor.com/blog/archives/2006/04/tip_using_css_t.html" rel="external">Hotmail Receipients</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/a-guide-to-css-support-in-email-campaign-monitor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beginning CSS Web Development</title>
		<link>http://wizardev.ca/web-words/beginning-css-web-development/</link>
		<comments>http://wizardev.ca/web-words/beginning-css-web-development/#comments</comments>
		<pubDate>Wed, 17 Jan 2007 14:33:01 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/beginning-css-web-development</guid>
		<description><![CDATA[Another CSS book, Beginning CSS Web Development Digital Web Interview]]></description>
			<content:encoded><![CDATA[<p>Another CSS book, <a href="http://www.csswebdevelopment.com/" rel="external">Beginning CSS Web Development</a></p>
<p><a href="http://www.digital-web.com/articles/simon_collison/" rel="external">Digital Web Interview</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/beginning-css-web-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centering an Image (Bite Size Standards)</title>
		<link>http://wizardev.ca/web-words/centering-an-image-bite-size-standards/</link>
		<comments>http://wizardev.ca/web-words/centering-an-image-bite-size-standards/#comments</comments>
		<pubDate>Tue, 09 Jan 2007 13:23:51 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/centering-an-image-bite-size-standards</guid>
		<description><![CDATA[There are two techniques for placing an image within a block level element. (Article dated: January 3, 2007) Part 1 &#8211; Centering an inline image Part 2 &#8211; Centering an image using the background-image CSS property]]></description>
			<content:encoded><![CDATA[<p>There are two techniques for placing an image within a block level element. <small>(Article dated: January 3, 2007)</small></p>
<ul>
<li><a href="http://bitesizestandards.com/bites/centering-an-image-part-1" rel="external">Part 1 &#8211; Centering an inline image</a></li>
<li><a href="http://bitesizestandards.com/bites/centering-an-image-part-2" rel="external">Part 2 &#8211; Centering an image using the background-image CSS property</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/centering-an-image-bite-size-standards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Containing Floats (Eric Meyer)</title>
		<link>http://wizardev.ca/web-words/containing-floats/</link>
		<comments>http://wizardev.ca/web-words/containing-floats/#comments</comments>
		<pubDate>Sat, 22 Oct 2005 03:29:14 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/containing-floats</guid>
		<description><![CDATA[As powerful and useful as they are, floats can make for tricky layout tools. (Article dated: August 25, 2003) Read the Article&#8230;]]></description>
			<content:encoded><![CDATA[<p>As powerful and useful as they are, floats can make for tricky layout tools.  <small>(Article dated:  August 25, 2003)</small></p>
<p><a href="http://www.complexspiral.com/publications/containing-floats/" rel="external">Read the Article&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/containing-floats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Expressions</title>
		<link>http://wizardev.ca/web-words/css-expressions/</link>
		<comments>http://wizardev.ca/web-words/css-expressions/#comments</comments>
		<pubDate>Sun, 16 Oct 2005 16:43:39 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/css-expressions</guid>
		<description><![CDATA[CSS expressions were introduced in Internet Explorer 5.0 and allow you to to assign a JavaScript expression to a CSS property. Visit the Site &#8230;]]></description>
			<content:encoded><![CDATA[<p>CSS expressions were introduced in Internet Explorer 5.0 and allow you to to assign a JavaScript expression to a CSS property.</p>
<p><a href="http://webfx.eae.net/dhtml/cssexpr/cssexpr.html" rel="external" target="_blank">Visit the Site &#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/css-expressions/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS for Bar Graphs</title>
		<link>http://wizardev.ca/web-words/css-for-bar-graphs/</link>
		<comments>http://wizardev.ca/web-words/css-for-bar-graphs/#comments</comments>
		<pubDate>Sat, 10 Dec 2005 16:04:36 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/css-for-bar-graphs</guid>
		<description><![CDATA[Recently we&#8217;ve had to tackle some interesting visualizations which we coded in XHTML and CSS. The method we used, while fairly simple, was a big help to the engineer and created a very flexible and inexpensive solution. We thought we would share our solution and code in case anyone else ran against similar situations. (Article [...]]]></description>
			<content:encoded><![CDATA[<p>Recently we&#8217;ve had to tackle some interesting visualizations which we coded in XHTML and CSS. The method we used, while fairly simple, was a big help to the engineer and created a very flexible and inexpensive solution. We thought we would share our solution and code in case anyone else ran against similar situations. <small>(Article dated: November 21, 2005)</small></p>
<p><a href="http://apples-to-oranges.com/blog/article.aspx?id=55" rel="external">Read the Article&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/css-for-bar-graphs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Layouts: The Fixed. The Fluid. The Elastic. (Beast-Blog)</title>
		<link>http://wizardev.ca/web-words/css-layouts-the-fixed-the-fluid-the-elastic-beast-blog/</link>
		<comments>http://wizardev.ca/web-words/css-layouts-the-fixed-the-fluid-the-elastic-beast-blog/#comments</comments>
		<pubDate>Fri, 24 Aug 2007 13:03:08 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/css-layouts-the-fixed-the-fluid-the-elastic-beast-blog</guid>
		<description><![CDATA[Which CSS layout is best? All have their quirks and their unique pros and cons. Is one more accessible than the other? More usable? What are the drawbacks and how are they dealt with? Is one easier to create than the other? Is there an evil, inaccessible layout? (Article dated: August 6, 2007) Read CSS [...]]]></description>
			<content:encoded><![CDATA[<p>Which CSS layout is best? All have their quirks and their unique pros and cons. Is one more accessible than the other? More usable? What are the drawbacks and how are they dealt with? Is one easier to create than the other? Is there an evil, inaccessible layout? <small>(Article dated: August 6, 2007)</small></p>
<p>Read <a href="" rel="external">CSS Layouts: The Fixed. The Fluid. The Elastic.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/css-layouts-the-fixed-the-fluid-the-elastic-beast-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Shorthand Guide</title>
		<link>http://wizardev.ca/web-words/css-shorthand-guide/</link>
		<comments>http://wizardev.ca/web-words/css-shorthand-guide/#comments</comments>
		<pubDate>Thu, 07 Dec 2006 17:17:40 +0000</pubDate>
		<dc:creator>Mishka</dc:creator>
				<category><![CDATA[CSS Tips and Tricks]]></category>

		<guid isPermaLink="false">http://wizardev.ca/web-words/css-shorthand-guide</guid>
		<description><![CDATA[Read the Article&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.dustindiaz.com/css-shorthand/" rel="external">Read the Article&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wizardev.ca/web-words/css-shorthand-guide/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
