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

<channel>
	<title>IfYouCodeItTheyWill.com</title>
	<atom:link href="http://ifyoucodeittheywill.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ifyoucodeittheywill.com</link>
	<description>xHTML and CSS made simple.</description>
	<lastBuildDate>Sun, 10 Jan 2010 17:04:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Soft Word Breaks For Long Words</title>
		<link>http://ifyoucodeittheywill.com/2009/11/soft-word-breaks-for-long-words/</link>
		<comments>http://ifyoucodeittheywill.com/2009/11/soft-word-breaks-for-long-words/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 02:55:42 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[xHTML]]></category>
		<category><![CDATA[word break]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=959</guid>
		<description><![CDATA[It used to be that, whenever you wanted to allow a long word to break at the end of a line without forcing it, then you might have added a &#60;wbr&#62; there. Since most browsers wouldn&#8217;t insert a dash at the break, it was also necessary to use a CSS pseudo-class to display that dash. [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/11/soft-word-breaks-for-long-words/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom 404 Page Not Found Error Pages</title>
		<link>http://ifyoucodeittheywill.com/2009/07/custom-404-page-not-found-error-pages/</link>
		<comments>http://ifyoucodeittheywill.com/2009/07/custom-404-page-not-found-error-pages/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 20:23:47 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[Misc. Design Topics]]></category>
		<category><![CDATA[error pages]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=925</guid>
		<description><![CDATA[So, you&#8217;re surfing the web, and you come across a page like this one:

Page not found
The page you are looking for might have been removed, had its name changed, or is temporarily unavailable. Please try the following:
If you typed the page address in the Address bar, make sure that it is spelled correctly.

Click the Back [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/07/custom-404-page-not-found-error-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flexible-width, content-first layout with fixed-width, equal-height sidebar</title>
		<link>http://ifyoucodeittheywill.com/2009/06/flex-width-equal-height-sidebar-layout/</link>
		<comments>http://ifyoucodeittheywill.com/2009/06/flex-width-equal-height-sidebar-layout/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 22:39:51 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Misc. Design Topics]]></category>
		<category><![CDATA[xHTML]]></category>
		<category><![CDATA[equal height]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[sidebar]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=919</guid>
		<description><![CDATA[Wow, that&#8217;s a wordy title, but I wanted to make sure people will know what to expect before they click on my link.
To see what you&#8217;ll be creating today, see a working example here.
Creating this type of layout without tables may sound like a tall order right now, but not only will I show you [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/06/flex-width-equal-height-sidebar-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making Accessible Image Maps with CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/05/making-accessible-image-maps-with-css/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/making-accessible-image-maps-with-css/#comments</comments>
		<pubDate>Sat, 30 May 2009 23:10:55 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=897</guid>
		<description><![CDATA[You may have seen these around the web, images with various clickable areas that will take you to a different page, or to a different section of a page. To see how this was done in the past, see w3schools.com&#8217;s tutorial on the &#60;map&#62; tag. For an example of the end result, click on the [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/making-accessible-image-maps-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: Putting Equal-Height Columns to Practical Use</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-putting-equal-height-columns-to-practical-use/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-putting-equal-height-columns-to-practical-use/#comments</comments>
		<pubDate>Mon, 25 May 2009 23:32:12 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[equal height]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=889</guid>
		<description><![CDATA[If you haven&#8217;t gone through Equal Height Columns with CSS yet, you should do so before reading any further. This tutorial will continue from there, and I&#8217;ll show you a way to add content under those columns in a way that works with all the most popular browsers, as well as the dreaded IE6 that [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-putting-equal-height-columns-to-practical-use/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Equal-Height Columns with CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/05/equal-height-columns-with-css/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/equal-height-columns-with-css/#comments</comments>
		<pubDate>Thu, 21 May 2009 23:50:28 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[equal height]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=859</guid>
		<description><![CDATA[Aug 4, 2009 edit:  It has been brought to my attention that the overflow:hidden; required for this layout causes a bug when dealing with links that lead to a specific part of the page, and I don&#8217;t know why I hadn&#8217;t considered that before. After researching this issue and seeing others say it&#8217;s impossible [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/equal-height-columns-with-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS Pseudo-elements</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-pseudo-elements/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-pseudo-elements/#comments</comments>
		<pubDate>Thu, 14 May 2009 00:58:17 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[xHTML]]></category>
		<category><![CDATA[pseudo]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=851</guid>
		<description><![CDATA[Pseudo-elements are very similar to pseudo-classes. So similar, in fact, that I&#8217;m not even sure why they consider them two different things.
All that really matters is understanding how they work, and that&#8217;s what I&#8217;m going to show you today.
Pseudo-elements you can use are:

:first-letter
:first-line
:before
:after


:first-letter
Syntax:
tagname.classname:first-letter
:first-letter does what you might expect. It affects the first letter within the [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-pseudo-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Pseudo-classes</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-pseudo-classes/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-pseudo-classes/#comments</comments>
		<pubDate>Sat, 09 May 2009 19:09:22 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[pseudo]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=847</guid>
		<description><![CDATA[Pseudo-classes give you more control over the visual presentation of your pages without needing to add extra markup (xHTML) to the page itself, and in many cases it allows you to do things that wouldn&#8217;t be possible at all without pseudo-classes. Internet Explorer doesn&#8217;t recognize the first-child pseudo-class, but does recognize the following four when [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-pseudo-classes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Review: bestbuy.com</title>
		<link>http://ifyoucodeittheywill.com/2009/05/website-review-bestbuycom/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/website-review-bestbuycom/#comments</comments>
		<pubDate>Thu, 07 May 2009 01:14:26 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[Corporation Website Reviews]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[xHTML]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=837</guid>
		<description><![CDATA[I have to say, I was pretty disappointed when I ran bestbuy.com through w3c&#8217;s markup validator and it displayed 1223 errors and 1185 warnings.
I&#8217;ve always liked my local brick and mortar Best Buy. Their staff are always friendly and knowledgeable, and they&#8217;ve never steered me wrong. They even have their famous Geek Squad (ouch, I [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/website-review-bestbuycom/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>CSS line-height attribute</title>
		<link>http://ifyoucodeittheywill.com/2009/05/css-line-height-attribute/</link>
		<comments>http://ifyoucodeittheywill.com/2009/05/css-line-height-attribute/#comments</comments>
		<pubDate>Tue, 05 May 2009 00:01:29 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=816</guid>
		<description><![CDATA[Values for the &#8220;line-height&#8221; attribute may be defined in em or px for web pages, although em is better because it is relative to the font-size.
For printing on paper, you could use pt, mm, cm, or in.
Think of line-height as the distance between two lines on a sheet of lined notebook paper.
Example, using 3em line-height:
Text
I [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/05/css-line-height-attribute/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
