<?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>Foo Hack &#187; CSS</title>
	<atom:link href="http://foohack.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://foohack.com</link>
	<description>Isaac Schlueter on Web Development</description>
	<pubDate>Thu, 17 Jul 2008 20:58:11 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Foo Hack Redesign 3.0</title>
		<link>http://foohack.com/2008/02/foo-hack-redesign-30/</link>
		<comments>http://foohack.com/2008/02/foo-hack-redesign-30/#comments</comments>
		<pubDate>Mon, 04 Feb 2008 17:00:41 +0000</pubDate>
		<dc:creator>Isaac</dc:creator>
		
		<category><![CDATA[CSS]]></category>

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

		<guid isPermaLink="false">http://foohack.com/2008/02/foo-hack-redesign-30/</guid>
		<description><![CDATA[So, it started out as just a few font changes.  I&#8217;d been growing less and less pleased with Trebuchet MS, and had found a few cases where it broke the militant line-height rules I&#8217;d set for this site.  In general, I felt that it was too crowded, and the gray hash textured background <small><a href="http://foohack.com/2008/02/foo-hack-redesign-30/" class="internal">...Read More</a></small>]]></description>
		<wfw:commentRss>http://foohack.com/2008/02/foo-hack-redesign-30/feed/</wfw:commentRss>
		</item>
		<item>
		<title>CSS Modal Dialog that Works Right</title>
		<link>http://foohack.com/2007/11/css-modal-dialog-that-works-right/</link>
		<comments>http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 18:13:04 +0000</pubDate>
		<dc:creator>Isaac</dc:creator>
		
		<category><![CDATA[CSS]]></category>

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

		<guid isPermaLink="false">http://foohack.com/2007/11/css-modal-dialog-that-works-right/</guid>
		<description><![CDATA[In my <a href="/2007/11/cross-browser-support-for-inline-block-styling/" title="Cross Browser Support for inline-block Styling" class="internal">last post</a>, I touched on a method to get different browsers to handle the inline-block display style.  I decided to use that on a project that I'm working on now that has a few <a href="http://en.wikipedia.org/wiki/Modal_dialog" class="wikipedia">modal dialogs</a>.  Modals are usually done wrong on the web, but I'm pretty confident that this approach does it right.



Feel free to skip all this and go <a href="/tests/vertical-align/dialog.html" class="internal">straight to the example</a>.<small><a href="http://foohack.com/2007/11/css-modal-dialog-that-works-right/" class="internal">...Read More</a></small>]]></description>
		<wfw:commentRss>http://foohack.com/2007/11/css-modal-dialog-that-works-right/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Cross Browser Support for inline-block Styling</title>
		<link>http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/</link>
		<comments>http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/#comments</comments>
		<pubDate>Mon, 19 Nov 2007 17:06:33 +0000</pubDate>
		<dc:creator>Isaac</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[Code Beauty]]></category>

		<guid isPermaLink="false">http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/</guid>
		<description><![CDATA[Inline-block layout solves a lot of problems.  It lets you do some cool stuff previously thought impossible with CSS.  It makes vertical alignment work properly.  And sadly, it's supported pretty badly.  I learned a new approach from <a href="http://blog.hedgerwow.com/" class="external">one of the best insane inventor webdevs I know</a>.  The pieces have been <a href="http://www.google.com/search?q=display%3A-moz-inline-stack%3B+display%3Ainline%3B+display%3Ainline-block%3B+zoom%3A1%3B" class="external">out there for some time</a>, it seems, but I hadn't ever seen this spelled out as simply and elegantly as he did it. <small><a href="http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/" class="internal">...Read More</a></small>]]></description>
		<wfw:commentRss>http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Top 5 CSS Mistakes</title>
		<link>http://foohack.com/2007/10/top-5-css-mistakes/</link>
		<comments>http://foohack.com/2007/10/top-5-css-mistakes/#comments</comments>
		<pubDate>Mon, 15 Oct 2007 17:00:08 +0000</pubDate>
		<dc:creator>Isaac</dc:creator>
		
		<category><![CDATA[20/20 Hindsight]]></category>

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

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

		<guid isPermaLink="false">http://foohack.com/2007/10/top-5-css-mistakes/</guid>
		<description><![CDATA[This is not a post about the top 10 mistakes that developers make when they write CSS.  That&#8217;s boring.

The CSS spec itself is littered with mistakes.  Deep, fundamentally misguided errors.  Real head-slapping WTFs that make you wonder if the people writing the spec had ever created a website in their lives.  <small><a href="http://foohack.com/2007/10/top-5-css-mistakes/" class="internal">...Read More</a></small>]]></description>
		<wfw:commentRss>http://foohack.com/2007/10/top-5-css-mistakes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Font Size vs Zoom &#8212; The only thing that&#8217;s wrong with YUI&#8217;s grids.css</title>
		<link>http://foohack.com/2007/09/font-size-vs-zoom-the-only-thing-thats-wrong-with-yui-grids-css/</link>
		<comments>http://foohack.com/2007/09/font-size-vs-zoom-the-only-thing-thats-wrong-with-yui-grids-css/#comments</comments>
		<pubDate>Mon, 10 Sep 2007 17:00:54 +0000</pubDate>
		<dc:creator>Isaac</dc:creator>
		
		<category><![CDATA[Broken]]></category>

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

		<category><![CDATA[In the Minds of Users]]></category>

		<guid isPermaLink="false">http://foohack.com/2007/09/font-size-vs-zoom-the-only-thing-thats-wrong-with-yui-grids-css/</guid>
		<description><![CDATA[It's good to build sites that handle font resizing gracefully.  However, the width of the columns on the page should not respond to font resizing, or else this damages the experience of the very users you were trying to help.  (I'm one of those users.)  Here's why that is. <small><a href="http://foohack.com/2007/09/font-size-vs-zoom-the-only-thing-thats-wrong-with-yui-grids-css/" class="internal">...Read More</a></small>]]></description>
		<wfw:commentRss>http://foohack.com/2007/09/font-size-vs-zoom-the-only-thing-thats-wrong-with-yui-grids-css/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
