<?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>Caitlin Bailey &#124; Front End Web Developer</title>
	<atom:link href="http://www.caiters.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.caiters.com</link>
	<description>Web development, video games, and other stuff I care about</description>
	<lastBuildDate>Fri, 09 Jul 2010 00:29:04 +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>HTML5 for Web Designers</title>
		<link>http://www.caiters.com/2010/07/09/html5-for-web-designers/</link>
		<comments>http://www.caiters.com/2010/07/09/html5-for-web-designers/#comments</comments>
		<pubDate>Fri, 09 Jul 2010 00:26:51 +0000</pubDate>
		<dc:creator>ayashi</dc:creator>
				<category><![CDATA[books]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.caiters.com/?p=185</guid>
		<description><![CDATA[<p>I just finished reading HTML5 for Web Designers. In fact I also just started reading it! It was a short read (only 85 pages) but each and every one of those pages was chock full of information. I got a brief history of HTML5 and where it has come from as well as information on just how I can start using HTML5 in today&#8217;s environment, where only some browsers have limited support for various elements, and others may have none [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://books.alistapart.com/"><img class="alignleft size-full wp-image-186" title="HTML5 for Web Designers" src="http://www.caiters.com/wp-content/uploads/2010/07/html5forwebdesignersjpg.jpg" alt="HTML5 for Web Designers book cover" width="178" height="266" /></a>I just finished reading <em>HTML5 for Web Designers</em>. In fact I also just started reading it! It was a short read (only 85 pages) but each and every one of those pages was chock full of information. I got a brief history of HTML5 and where it has come from as well as information on just how I can start using HTML5 in today&#8217;s environment, where only <em>some</em> browsers have limited support for various elements, and others may have none at all.</p>
<p>I for one got pretty excited about the possibilities while reading &#8211; both those that we can implement today and those that will be coming to us in the future. In particular the new form elements sound amazing, and of course, HTML5 video. It is wonderful to see that even when using most of these new tags (like the audio and video tags) that for browsers that don&#8217;t support them, there&#8217;s a simple and easy to use fallback. No more needing to worry about this or that or the other thing that is going to prevent this from working in a certain ancient Internet Explorer browser. No crazy workarounds!</p>
<p>For the most part I had been avoiding HTML5 because even though it has been getting a lot of buzz, I still felt like implementing it was silly because a day when browsers will actually support this fully is still going to be years away (not to mention the day when the general public is <em>using</em> the browsers that support this content). I&#8217;m glad to say however that the book proved me wrong. A lot of things have easy fallback capability built in &#8211; and if they don&#8217;t, this book suggests some ways to do so simply.</p>
<p>Overall, if you are interested in learning some more about HTML5, I&#8217;d recommend picking up this book. It is informative, it&#8217;s funny, and best of all it is <em>readable</em>. The content is designed to be read by an actual person and in my opinion was not dry at all. Absolutely worth the money I spent on it!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caiters.com/2010/07/09/html5-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6, IE7, and a weird padding on top of my LI elements</title>
		<link>http://www.caiters.com/2010/04/27/ie6-ie7-weird-padding-on-top-of-li/</link>
		<comments>http://www.caiters.com/2010/04/27/ie6-ie7-weird-padding-on-top-of-li/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 16:04:22 +0000</pubDate>
		<dc:creator>ayashi</dc:creator>
				<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.caiters.com/?p=128</guid>
		<description><![CDATA[<p>I had a ul with top padding of 10px with a variety of li&#8217;s inside.</p>
<p>
&#60;ul&#62;
&#60;li&#62;&#60;a href="#"&#62;Music Production&#60;/a&#62;&#60;/li&#62;
&#60;li class="odd"&#62;&#60;a href="#"&#62;Guitar&#60;/a&#62;&#60;/li&#62;
&#60;li&#62;&#60;a href="#"&#62;Songwriting&#60;/a&#62;&#60;/li&#62;
&#60;li class="odd"&#62;&#60;a href="#"&#62;Bass&#60;/a&#62;&#60;/li&#62;
&#60;li&#62;&#60;a href="#"&#62;Arranging&#60;/a&#62;&#60;/li&#62;
&#60;li class="odd"&#62;&#60;a href="#"&#62;Keyboard&#60;/a&#62;&#60;/li&#62;
&#60;li&#62;&#60;a href="#"&#62;Voice&#60;/a&#62;&#60;/li&#62;
&#60;li class="odd last"&#62;&#60;a href="#"&#62;Theory, Harmony &#38;amp; Ear Training&#60;/a&#62;&#60;/li&#62;
&#60;li class="last"&#62;&#60;a href="#"&#62;Music Business&#60;/a&#62;&#60;/li&#62;
&#60;/ul&#62;
</p>
<p>Here&#8217;s the CSS:</p>
<p>
#courses-and-programs ul { list-style: none; margin: 0; padding: 10px 0 0 0; font-size: 1.1em; font-weight: bold;
border-top: 1px dashed #ccc; }
#courses-and-programs ul li { margin: 0; padding: 0; border-bottom: 1px solid #ccc; line-height: 1.8; display: inline; float: left; width: 47%;}
#courses-and-programs ul li.odd { margin: [...]]]></description>
			<content:encoded><![CDATA[<p>I had a ul with top padding of 10px with a variety of li&#8217;s inside.<span id="more-128"></span></p>
<p><code><br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Music Production&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class="odd"&gt;&lt;a href="#"&gt;Guitar&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Songwriting&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class="odd"&gt;&lt;a href="#"&gt;Bass&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Arranging&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class="odd"&gt;&lt;a href="#"&gt;Keyboard&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#"&gt;Voice&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class="odd last"&gt;&lt;a href="#"&gt;Theory, Harmony &amp;amp; Ear Training&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class="last"&gt;&lt;a href="#"&gt;Music Business&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
</code></p>
<p>Here&#8217;s the CSS:</p>
<p><code><br />
#courses-and-programs ul { list-style: none; margin: 0; padding: 10px 0 0 0; font-size: 1.1em; font-weight: bold;<br />
border-top: 1px dashed #ccc; }<br />
#courses-and-programs ul li { margin: 0; padding: 0; border-bottom: 1px solid #ccc; line-height: 1.8; display: inline; float: left; width: 47%;}<br />
#courses-and-programs ul li.odd { margin: 0 0 0 10px; float: right; }<br />
#courses-and-programs ul li a { text-decoration: none; padding: 0; margin: 0; }<br />
#courses-and-programs ul li a:hover { color: #333; }<br />
</code></p>
<p>Removing the floats and the width made the padding disappear. I thought it was kind of odd and started looking into it more&#8230; and then I noticed the CSS on the ul with the top 10px of padding. I removed it on a whim, and IE6/IE7 found themselves magically fixed. I was getting an extra 10px of padding on the top of the li&#8217;s just because I had it on the ul.</p>
<p>Thanks, IE, for assuming that I wanted that extra padding on every li! Anyway, it&#8217;s fixed now, and instead of padding on the top I am using margin :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caiters.com/2010/04/27/ie6-ie7-weird-padding-on-top-of-li/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PAX East 2010</title>
		<link>http://www.caiters.com/2010/03/30/pax-east-2010/</link>
		<comments>http://www.caiters.com/2010/03/30/pax-east-2010/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 01:21:00 +0000</pubDate>
		<dc:creator>ayashi</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[pax]]></category>
		<category><![CDATA[video games]]></category>

		<guid isPermaLink="false">http://www.caiters.com/?p=113</guid>
		<description><![CDATA[<p>PAX East just wrapped up yesterday. I had a blast! It was the first con where I actually made use of the fact that there were panels about. I&#8217;d never really attended any at an anime convention, at least not for any significant length of time. One of the main failings with panels at anime conventions is that, for the most part, it isn&#8217;t a professional running the panel. It is an anime fan who came up with a cool [...]]]></description>
			<content:encoded><![CDATA[<p>PAX East just wrapped up yesterday. I had a blast! It was the first con where I actually made use of the fact that there were panels about. I&#8217;d never really attended any at an anime convention, at least not for any significant length of time. One of the main failings with panels at anime conventions is that, for the most part, it isn&#8217;t a professional running the panel. It is an anime fan who came up with a cool idea and is presenting it, which could be great, or could not be so great.</p>
<p>I attended four panels over the weekend, which isn&#8217;t a whole lot &#8211; there were a couple I tried to get into but the doors were already closed (panel full) by the time I arrived. I learned my lesson after those and started to show up early!<span id="more-113"></span></p>
<p><strong>Bringing up the Next Generation of Geeks</strong> &#8211; I don&#8217;t intend on having a baby particularly soon, but this looked like an interesting panel and was my first of PAX East. It was run by some writers and editors from the Wired.com GeekDad blog (one of them was a geek mom). It was a fun panel with lots of Q&amp;A and funny anecdotes (such as one father&#8217;s pride when his daughter said one of her classmates was &#8220;kind of being a Lando&#8221; to say he was being a jerk).</p>
<p><strong>Penny Arcade Make-a-Strip Panel</strong> &#8211; Lots of fun. I missed the regular Penny Arcade panel on Friday, but attending this made me feel like I didn&#8217;t have to go to the second one. It was a panel that had Gabe drawing a comic at the same time. What&#8217;s not to like? Also, the hot dog fairy paid us a visit:</p>
<p style="text-align: center;"><img class="size-medium wp-image-116 aligncenter" title="hotdogfairy" src="http://www.caiters.com/wp-content/uploads/2010/03/pax-hotdogfairy-300x177.jpg" alt="Hot Dog Fairy" width="300" height="177" /></p>
<p><strong>Naughty Dog LIVE – Game Design with the Dogs</strong> &#8211; Awesome panel. Probably my favorite of the whole con! We got to step through the design of a hypothetical level 3.5 of Uncharted. To be honest, I haven&#8217;t played Uncharted or Uncharted 2&#8230; but I definitely want to after seeing this panel.</p>
<p><strong>An Awkward Hour with Rock Band Designers</strong> &#8211; Another great one. Very funny &#8211; started with the Harmonix guys introducing themselves followed by some attendee Q&amp;A. One of my favorite parts was showing a shot of a glitch where sometimes your band members would randomly explode in flame, but unfortunately I missed a picture of it.</p>
<p>I also made a trip to the Exhibition Hall where I got to play some Dungeons and Dragons Online (which was fun for the 10 minutes I played &#8211; I did my first dungeon woohoo). For some, the highlight was probably the Starcraft II beta games being hosted by Intel. I already have a beta key though, so the most interesting booth to me was the one for Behemoth.</p>
<p>Admittedly, I played Alien Hominid but I didn&#8217;t get very far. I found it to be quite difficult and, well, died. A lot. I think I made it past the first few levels but I didn&#8217;t get very far. However, I absolutely <em>adored</em> Castle Crashers. Definitely one of my favorite games. I left the weekend with a Castle Crashers t-shirt, a set of the four knights, and a poster that parodies the Obama &#8220;Hope&#8221; poster :)</p>
<p style="text-align: center;"><img class="size-medium wp-image-115 aligncenter" title="Green Castle Crasher" src="http://www.caiters.com/wp-content/uploads/2010/03/pax-crasher-300x270.jpg" alt="Green Castle Crasher" width="300" height="270" /></p>
<p style="text-align: left;">All in all, it was pretty fun. Looking forward to seeing them at a bigger venue next time. Hopefully that will make panels more accessible. The only panel I attended that had room leftover was the Rock Band panel, and I think that had more to do with the fact that it was 10am on Sunday morning than anything else.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caiters.com/2010/03/30/pax-east-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE8 display none bug</title>
		<link>http://www.caiters.com/2010/03/22/ie8-display-none-bug/</link>
		<comments>http://www.caiters.com/2010/03/22/ie8-display-none-bug/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 19:13:26 +0000</pubDate>
		<dc:creator>ayashi</dc:creator>
				<category><![CDATA[web development]]></category>
		<category><![CDATA[browers]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://www.caiters.com/?p=109</guid>
		<description><![CDATA[<p>I was given the task at work to fix a problem with a form that we have here.  After going through the issues (related to some scripts that were being included twice on the page) I realized that in IE8, and IE8 only, the form wasn&#8217;t displaying anything at all.  Some of the CSS being applied to the form was there (a background image in particular) but that was it!  It showed up in the source just fine, and (even [...]]]></description>
			<content:encoded><![CDATA[<p>I was given the task at work to fix a problem with a form that we have here.  After going through the issues (related to some scripts that were being included twice on the page) I realized that in IE8, and IE8 only, the form wasn&#8217;t displaying anything at all.  Some of the CSS being applied to the form was there (a background image in particular) but that was it!  It showed up in the source just fine, and (even weirder) was fine in every other browser I tested quickly, including IE7.</p>
<p>First thing I did was remove all of the html on the page so it was only the form and the css &#8211; still not working.  I thought it was a problem with the form, but then I noticed the form was working fine on all of the other pages it is being included on.</p>
<p>So I removed all the css. The form suddenly shows up!</p>
<p>Great, so I&#8217;ve narrowed down the problem.  I removed a chunk of css and it disappeared.  Read through what I deleted &#8211; and included there was:</p>
<p><code>.FormBoxBackground p {display:none; }</code></p>
<p>Removing that fixed the problem.  What is especially odd to me however is&#8230; there are no p tags in this form that should be doing this!  Regardless, removing that css fixed the problem.  Definitely explains why everything was fine in the other browsers, though.  IE8 is assuming a paragraph tag where there is no paragraph tag!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caiters.com/2010/03/22/ie8-display-none-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://www.caiters.com/2010/03/19/hello-world/</link>
		<comments>http://www.caiters.com/2010/03/19/hello-world/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 23:48:06 +0000</pubDate>
		<dc:creator>ayashi</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://caiters.com/?p=1</guid>
		<description><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
]]></description>
			<content:encoded><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caiters.com/2010/03/19/hello-world/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
