<?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>Michael Grace &#187; CSS</title>
	<atom:link href="http://geek.michaelgrace.org/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://geek.michaelgrace.org</link>
	<description>All my geek in one place</description>
	<lastBuildDate>Fri, 03 Feb 2012 20:32:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS Navigation Border Experiment</title>
		<link>http://geek.michaelgrace.org/2011/02/css-navigation-border-experiment/</link>
		<comments>http://geek.michaelgrace.org/2011/02/css-navigation-border-experiment/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 01:48:18 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1642</guid>
		<description><![CDATA[I was working on building navigation based on this mockup I enjoyed building the navigation and thought what I came up with was cool enough to share what I did. The JavaScript added is just to simulate changing pages. Example page -&#62; http://mikegrace.s3.amazonaws.com/geek-blog/sandbox/css-nav-border-party.html]]></description>
			<content:encoded><![CDATA[<p>I was working on building navigation based on this mockup</p>
<div class="wp-caption alignnone" style="width: 412px"><img title="Navigation Mockup" src="http://mikegrace.s3.amazonaws.com/geek-blog/sandbox/css-nav-border-party-mockup.png" alt="Navigation Mockup" width="402" height="77" /><p class="wp-caption-text">Navigation Mockup</p></div>
<p>I enjoyed building the navigation and thought what I came up with was cool enough to share what I did. </p>
<p>The JavaScript added is just to simulate changing pages.</p>
<p>Example page -&gt; <a href="http://mikegrace.s3.amazonaws.com/geek-blog/sandbox/css-nav-border-party.html">http://mikegrace.s3.amazonaws.com/geek-blog/sandbox/css-nav-border-party.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2011/02/css-navigation-border-experiment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Naked Day</title>
		<link>http://geek.michaelgrace.org/2009/04/css_naked_day/</link>
		<comments>http://geek.michaelgrace.org/2009/04/css_naked_day/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 18:00:23 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Other]]></category>
		<category><![CDATA[(x)html]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Naked Day]]></category>
		<category><![CDATA[markup]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=70</guid>
		<description><![CDATA[Happy CSS Naked day!!! A fun international day where everyone takes off their CSS. Dustin Diaz, the founder of CSS Naked Day (archived at http://www.webcitation.org/5fuQLFhny), says that the purpose of this holiday is, &#8220;&#8230;to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a [...]]]></description>
			<content:encoded><![CDATA[<h1>Happy CSS Naked day!!!</h1>
<p>A fun international day where everyone takes off their CSS. Dustin Diaz, the founder of CSS Naked Day (archived at <a href="http://www.webcitation.org/5fuQLFhny">http://www.webcitation.org/5fuQLFhny</a>), says that the purpose of this holiday is, &#8220;&#8230;to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good &#8216;ol play on words. It&#8217;s time to show off your &lt;body&gt;.&#8221; (archived at <a href="http://www.webcitation.org/5fuPcZGxn">http://www.webcitation.org/5fuPcZGxn</a>)</p>
<p>So, I am taking this opportunity to promote the proper use of (x)html and good hierarchal structure by taking off my CSS. If you would like to join and you have a WordPress blog all you need is a simple plugin to do the work for you. The plugin is named &#8220;CSS Naked Day&#8221;.</p>
<h1>What happened to the design?</h1>
<p>To know more about why styles are disabled on this website visit the<br />
<a title="Web Standards Naked Day Host Website" href="http://naked.dustindiaz.com"><br />
Annual CSS Naked Day</a> website for more information.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
Sources</p>
<p>Dustin Diaz. About Dustin Diaz. dustindiaz.com.. URL:http://www.dustindiaz.com/about/. Accessed: 2009-04-09. <a href="http://www.webcitation.org/5fuQLFhny">(Archived by WebCite<sup>®</sup> at http://www.webcitation.org/5fuQLFhny)</a></p>
<p>Dustin Diaz. Naked &#8217;09. dustindiaz.com. URL:<a href="http://naked.dustindiaz.com/">http://naked.dustindiaz.com/</a>. Accessed: 2009-04-09. <a href="http://www.webcitation.org/5fuPcZGxn">(Archived by WebCite<sup>®</sup> at http://www.webcitation.org/5fuPcZGxn)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/04/css_naked_day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter on my blog</title>
		<link>http://geek.michaelgrace.org/2009/03/twitter-on-my-blog/</link>
		<comments>http://geek.michaelgrace.org/2009/03/twitter-on-my-blog/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 06:07:15 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Other]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Widget]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=3</guid>
		<description><![CDATA[I finally made enough time to put a twitter feed on my blog and man does it feel good to have that done. I found a fun jQuery based widget called Juitter that can be found at http://juitter.com/ I changed some of the functionality and the css in the jQuery functions so it would be a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jquery.com"><img class="alignleft size-full wp-image-7" title="jQuery" src="http://geek.michaelgrace.org/wp-content/uploads/2009/03/picture-11.jpg" alt="jQuery" width="234" height="88" /></a>I finally made enough time to put a twitter feed on my blog and man does it feel good to have that done. I found a fun <a class="zem_slink" title="JQuery" rel="homepage" href="http://jquery.com/">jQuery</a> based widget called Juitter that can be found at <a href="http://bit.ly/IXPvU">http://juitter.com/</a></p>
<p>I changed some of the functionality and the css in the jQuery functions so it would be a little more compacte and now it is looking great. Really easy to install but if you are wanting to customize it beyond how many tweets show up you are going to need a fair understanding of jQuery.</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Zemified by Zemanta" href="http://reblog.zemanta.com/zemified/365d7298-e3b5-42ba-90ef-b4b8a960d234/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=365d7298-e3b5-42ba-90ef-b4b8a960d234" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/03/twitter-on-my-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

