<?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://blog.djsipe.com/tag/plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.djsipe.com</link>
	<description>Web Development</description>
	<lastBuildDate>Sat, 31 Dec 2011 16:25:34 +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>My First Plugin</title>
		<link>http://blog.djsipe.com/2008/01/31/my-first-plugin/</link>
		<comments>http://blog.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 style="margin: 0pt 10px 10px 0pt;" src="http://wordpress.plugin.codeface.s3.amazonaws.com/code-face.gif" alt="Code Face" width="263" height="145" align="left" /></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>
<p><strong>Update: </strong>This version of Code Face is now on <a href="https://github.com/djsipe/Code-Face" target="_blank">Github</a>.  Hope to have an easier to use version update soon.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.djsipe.com/2008/01/31/my-first-plugin/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

