<?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>djsipe.com &#187; Plugin</title>
	<atom:link href="http://www.djsipe.com/category/plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.djsipe.com</link>
	<description>Web Development</description>
	<lastBuildDate>Tue, 15 Sep 2009 01:14:53 +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>My First Plugin</title>
		<link>http://www.djsipe.com/2008/01/31/my-first-plugin/</link>
		<comments>http://www.djsipe.com/2008/01/31/my-first-plugin/#comments</comments>
		<pubDate>Fri, 01 Feb 2008 03:07:32 +0000</pubDate>
		<dc:creator>DJ</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[code face]]></category>
		<category><![CDATA[progressive enhancement]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[yui]]></category>

		<guid isPermaLink="false">http://www.djsipe.com/2008/01/31/my-first-plugin/</guid>
		<description><![CDATA[After a few posts where I wanted to include code examples, I quickly became frustrated with the standard &#60;pre&#62; display that the folks at WordPress recommend. I looked for a plugin that worked well, but didn&#8217;t like what I was seeing. So at the prodding of my colleague, Pat Doran, I decided to roll my [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.djsipe.com/code-face-plugin"><img src="http://wordpress.plugin.codeface.s3.amazonaws.com/code-face.gif" style="margin: 0pt 10px 10px 0pt" alt="Code Face" align="left" height="145" width="263" /></a>After a few posts where I wanted to include code examples, I quickly became frustrated with the standard &lt;pre&gt; display that the folks at WordPress <a href="http://codex.wordpress.org/Writing_Code_in_Your_Posts" target="_blank">recommend</a>.  I looked for a plugin that worked well, but didn&#8217;t like what I was seeing.  So at the prodding of my colleague, <a href="http://rockland-ave.com/blog/" target="_blank">Pat Doran</a>, I decided to roll my own plugin.</p>
<p>The result is my &#8220;<a href="http://www.djsipe.com/code-face-plugin">Code Face</a>&#8221; plugin.  It uses the <a href="http://developer.yahoo.com/yui/" target="_blank">YUI</a> JavaScript framework to scan your posts and replace specially tagged &lt;pre&gt; blocks with rich code syntax highlighting via the <a href="http://code.google.com/p/syntaxhighlighter/" target="_blank">syntaxhighlighter</a> utility. Ninety-nine percent of the plugin is written in JavaScript using the concept of <a href="http://en.wikipedia.org/wiki/Progressive_enhancement" target="_blank">progressive enhancement</a>.  That means that even if your readers have JavaScript turned off or are using a screen reader, the content of your post is still highly accessible.</p>
<p><a href="http://www.djsipe.com/code-face-plugin">Check it out</a> and let me know what you think.  I&#8217;d love to hear your comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.djsipe.com/2008/01/31/my-first-plugin/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
