<?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>jeffrey &#187; css</title>
	<atom:link href="http://www.jwegesin.com/category/code/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jwegesin.com</link>
	<description>i like butter, don't you?</description>
	<lastBuildDate>Mon, 06 Sep 2010 11:19:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>CSS help</title>
		<link>http://www.jwegesin.com/2008/12/22/css-help/</link>
		<comments>http://www.jwegesin.com/2008/12/22/css-help/#comments</comments>
		<pubDate>Mon, 22 Dec 2008 10:22:41 +0000</pubDate>
		<dc:creator>Jeffrey</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.jwegesin.com/?p=348</guid>
		<description><![CDATA[<p>&#8220;You call <em><strong>that</strong></em> development?&#8221;</p>
<p>&#8220;Well, yeah,&#8221; I say.</p>
<p>&#8220;I mean, it&#8217;s just a string.&#8221;</p>
<p>&#8220;What&#8217;s a string?&#8221;</p>
<p>&#8220;No, it&#8217;s a string in chaos. That&#8217;s the logic, a string of chaos.&#8221;</p>
<p>&#8220;&#8230;&#8221;</p>
<p>&#8220;We speak different languages,&#8221; I said.</p>
<p>§</p>
<p>Why do developers refuse to learn CSS? Do they find it boring? Does it pale in comparison to other languages? </p>
<p>I think of it as the icing on a cake.<sup><a href="#sub1">1</a></sup></p>
<p>If you find CSS hard, chances are you haven&#8217;t implemented stuff to make it easy. Here are a few quick tips.</p>
<ol>
<li>
<strong>Use a reset stylesheet.</strong> These styles lay the foundation of your website.<sup><a href="#sub2">2</a></sup> Paste <a href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/">this CSS from Eric Meyer</a> or <a href="http://developer.yahoo.com/yui/reset/">this CSS from Yahoo</a> at the top of your stylesheet
</li>
<li>
<strong>Use browser-specific styles.</strong> <a href="http://www.jwegesin.com/files/browsers.js">Use this bit of JavaScript</a> to append the user&#8217;s browser to the body tag.<sup><a href="#sub3">3</a></sup> If a visual bug is found in a browser, say IE6, create a targeted class to squash that bug. For example, <em><strong style="color:#444;">&#160;.ext-ie6 div.box&#160;</strong></em> will only apply this class to IE6<sup><a href="#sub4">4</a></sup>
</li>
<li>
<strong>Use <a href="http://getfirebug.com/">Firebug</a>.</strong> <a href="http://getfirebug.com/">Firebug</a> is an excellent debugger for CSS and JavaScript. It makes fixing errors &#8220;easy as&#8221;
</li>
</ol>
<p>That&#8217;s all you need to make CSS easy.</p>
<p><sub id="sub1">1. Icing is the best part, too.</sub><br />
<sub id="sub2">2. Some developers are against them. Ignore those guys. I think most of them play the devil&#8217;s advocate to get page hits.</sub><br />
<sub id="sub3">3. This JS forms the foundation for <a href="http://extjs.com/">Yahoo&#8217;s JS library, Ext</a>. It&#8217;s very good, better than Prototype.</sub><br />
<sub id="sub4">4. You do not need to use conditional stylesheets for Internet Explorer nowadays.</sub></p>
]]></description>
		<wfw:commentRss>http://www.jwegesin.com/2008/12/22/css-help/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FullCodePress-ure</title>
		<link>http://www.jwegesin.com/2007/08/15/fullcodepress-ure/</link>
		<comments>http://www.jwegesin.com/2007/08/15/fullcodepress-ure/#comments</comments>
		<pubDate>Wed, 15 Aug 2007 23:40:16 +0000</pubDate>
		<dc:creator>Jeffrey</dc:creator>
				<category><![CDATA[american-ism]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[kiwi-ism]]></category>
		<category><![CDATA[patriotism]]></category>

		<guid isPermaLink="false">http://www.jwegesin.com/2007/08/15/fullcodepress-ure/</guid>
		<description><![CDATA[<p>Today&#8217;s I leave for Sydney to compete against Australia in <a href="http://www.fullcodepress.com">FullCodePress</a>. FCP is a competition to &#8220;build a fully-operational website for a non-profit organisation in 24 hours.&#8221;</p>
<p>My team is awesome, and we&#8217;re going to win. The competition starts on Saturday. Here are some details:</p>
<p><strong>Can I see the event online?</strong><br />
The two teams will be building their websites online, and you can watch the progress on the two websites in real time. The web addresses will be announced at 9.30am on Saturday at <a href="http://www.fullcodepress.com">http://www.fullcodepress.com</a>.</p>
<p><strong>The New Zealand team</strong></p>
<ul>
<li><a href="http://webweaversworld.blogspot.com">Ali Green</a></li>
<li>Jeffrey Wegesin</li>
<li><a href="http://maetl.coretxt.net.nz">Mark Rickerby</a></li>
<li><a href="http://www.homespun.co.nz">Peter Johnston</a></li>
<li><a href="http://www.subcide.com">Steve Dennis</a></li>
<li><a href="http://www.thomasscovell.com/blog/">Thomas Scovell</a></li>
<li><a href="http://www.zefamedia.co.nz">Zef Fugaz</a></li>
</ul>
<p><strong>Photo and video action:</strong></p>
<ul>
<li><a href="http://www.youtube.com/fullcodepress">YouTube action</a></li>
<li><a href="http://picasaweb.google.com/FullCodePress">FullCodePress Picasa</a></li>
<li><a href="http://www.flickr.com/photos/fullcodepress/">FullCodePress Flickr</a> </li>
<li><a href="http://www.flickr.com/groups/fullcodepress/pool/">FullCodePress Flickr Group</a></li>
</ul>
<p><strong>Blog action:</strong></p>
<ul>
<li><a href="http://www.fullcodepress.com/">FullCodePress</a></li>
<li><a href="http://www.codeblacks.co.nz/">CodeBlacks (our team)</a></li>
<li><a href="http://wipa.org.au/">WIPA</a></li>
<li><a href="http://www.maxdesign.com.au/">Max Design</a></li>
</ul>
<p><strong>Who is running the event:</strong></p>
<ul>
<li><a href="http://www.webstock.org.nz/">Webstock</a></li>
<li><a href="http://wipa.org.au/">WIPA</a></li>
</ul>
<p>24 hours without sleep! I&#8217;m going to feel like a student. Wish us luck&#8230; </p>
]]></description>
		<wfw:commentRss>http://www.jwegesin.com/2007/08/15/fullcodepress-ure/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>NZ to OZ for FullCodePress</title>
		<link>http://www.jwegesin.com/2007/07/08/nz-to-oz-for-fullcodepress/</link>
		<comments>http://www.jwegesin.com/2007/07/08/nz-to-oz-for-fullcodepress/#comments</comments>
		<pubDate>Sun, 08 Jul 2007 11:14:46 +0000</pubDate>
		<dc:creator>Jeffrey</dc:creator>
				<category><![CDATA[american-ism]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dream]]></category>
		<category><![CDATA[jeffrey-ism]]></category>
		<category><![CDATA[luck]]></category>

		<guid isPermaLink="false">http://www.jwegesin.com/2007/07/08/nz-to-oz-for-fullcodepress/</guid>
		<description><![CDATA[<p>I&#8217;m going to Australia in August to compete against the Aussies for <a href="http://www.fullcodepress.com">FullCodePress 2007</a>! </p>
<p>Each team (New Zealand and Australia) will build a website in one day for a non-profit organization. </p>
<p>&#8220;At the end of 24 hours, a team of judges will review both sites and select the winner. International pride, bragging rights and a trophy will follow for the winning team.&#8221;</p>
<p>Wish us luck!</p>
]]></description>
		<wfw:commentRss>http://www.jwegesin.com/2007/07/08/nz-to-oz-for-fullcodepress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Browser CSS hacks</title>
		<link>http://www.jwegesin.com/2007/04/12/browser-css-hacks/</link>
		<comments>http://www.jwegesin.com/2007/04/12/browser-css-hacks/#comments</comments>
		<pubDate>Fri, 13 Apr 2007 02:24:14 +0000</pubDate>
		<dc:creator>Jeffrey</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[illogic]]></category>
		<category><![CDATA[jeffrey-ism]]></category>

		<guid isPermaLink="false">http://www.jwegesin.com/?p=19</guid>
		<description><![CDATA[<p>Be warned, this post is for me, and for anyone who likes or dislikes workarounds for common CSS problems (i.e. you hate IE).<!--more--></p>
<p>Display CSS in IE 7:</p>
<ol class="code">
<li><xmp>*:first-child+html [class]</xmp></li>
<li><xmp>{</xmp></li>
<li><xmp>}</xmp></li>
</ol>
<p>Display CSS in IE 7 and Firefox (not IE 6):</p>
<ol class="code">
<li><xmp>html>body [class]</xmp></li>
<li><xmp>{</xmp></li>
<li><xmp>}</xmp></li>
</ol>
<p>Display CSS in Firefox:</p>
<ol class="code">
<li><xmp>html>/**/body [class]</xmp></li>
<li><xmp>{</xmp></li>
<li><xmp>}</xmp></li>
</ol>
<p>I&#8217;m afraid I must declare myself a geek. I&#8217;m not that savvy, really.</p>
]]></description>
		<wfw:commentRss>http://www.jwegesin.com/2007/04/12/browser-css-hacks/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
