<?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>My Little Black Book &#187; css</title>
	<atom:link href="http://blog.williegoosen.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.williegoosen.com</link>
	<description></description>
	<lastBuildDate>Tue, 24 Aug 2010 11:42:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Day One Mastering CSS &amp; HTML</title>
		<link>http://blog.williegoosen.com/2009/02/day-one-mastering-css-html/</link>
		<comments>http://blog.williegoosen.com/2009/02/day-one-mastering-css-html/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 10:05:41 +0000</pubDate>
		<dc:creator>Willie Goosen</dc:creator>
				<category><![CDATA[Webstock2009]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[day1]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://blog.williegoosen.com/?p=25</guid>
		<description><![CDATA[After a mad dash from the airport we made it just in time for the first session on the day. We did luck out on the good seats. But not even the neck wrenching all day long could take away from the sessions content.]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop --><!-- End Shareaholic LikeButtonSetTop --><p><a class="flickr-image alignright" title="Webstock" href="http://www.flickr.com/photos/tashmahal/3030305441/"><small><a title="Attribution License" rel="license" href="http://creativecommons.org/licenses/by/2.0/"></a></small></a></p>
<p><a class="flickr-image alignright" title="Russ Weakley" href="http://www.flickr.com/photos/greendott/3302571751/"><img src="http://farm4.static.flickr.com/3444/3302571751_a2cc9ea6a2_m.jpg" alt="Russ Weakley" /></a>After a mad dash from the airport we made it just in time for the first session on the day. We did luck out on the good seats. But not even the neck wrenching all day long could take away from the sessions content.</p>
<p>I was amazed at the amount of ground that was covered by Russ Weakley. Fast paced and action packed till the last bell rang at 5pm.</p>
<p>Areas of particular interest to me, no i might hear you say du!, but my css and html skills have been hacked togeter like a IE 5 stylesheet.</p>
<ul>
<li>I&#8217;m slowly getting my head around Inline, Block and Terminal Block elements. I&#8217;ll have to go check out that last one again.</li>
<li>Selectors are your friend, esp descendant selectors save you from needing to assign classes unnecessarily</li>
<li>Try and use your site without a mouse, for basic accessibility testing</li>
<li>Check out <a href="http://maxdesign.com.au">http://maxdesign.com.au</a> for some css goodness and examples</li>
<li>display:inline = inflow, display:block = out of flow</li>
<li>CSS Sprites, have all your icons in one gif file to save round trips to the server. Use ample white space(100px) to avoid strange effects when font size gets increased.</li>
<li>User more of &#8220;em&#8221; unit to make site more fluid when font size in the browser gets changed.</li>
<li>Russ finally got me to make sense of &#8220;li&#8221; elements for navigation and how easy they are to work with.</li>
<li>Also see &#8220;Sliding Door&#8221; for nice and neat little tabs with rounded corners. a and span elements are your friends here.</li>
<li>Tables in forms are _bad_ for accessablility</li>
<li>Build for standard compliant browser ALWAYS!!!, you can add IE specific hacks in at IE only style sheet.</li>
<li>When doing a printable stylesheet see &#8220;media&#8221; attribute of the link element.</li>
</ul>
<p>So at the end of a long day im calling it a wrap. The sooner i go to bed the sooner i can go and have a coffee at <a href="http://coffee.gen.nz/cafe/309-deluxe">Delux</a></p>
<blockquote><p><em>Double Margin Float bug is quite bizarre</em> &#8211; Russ(Sounding like the Steve Irwin of CSS)</p></blockquote>
<div class="shr-publisher-25"></div><!-- Start Shareaholic LikeButtonSetBottom --><!-- End Shareaholic LikeButtonSetBottom -->]]></content:encoded>
			<wfw:commentRss>http://blog.williegoosen.com/2009/02/day-one-mastering-css-html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

