<?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>Brian Peppler &#187; Web Technology</title>
	<atom:link href="http://www.brianpeppler.com/category/webtechnology/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brianpeppler.com</link>
	<description>UX designer, usability accessibility advocate</description>
	<lastBuildDate>Tue, 04 Aug 2009 19:46:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Yahoo UI Library</title>
		<link>http://www.brianpeppler.com/webtechnology/yahoo-ui-library/</link>
		<comments>http://www.brianpeppler.com/webtechnology/yahoo-ui-library/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 21:30:45 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=158</guid>
		<description><![CDATA[Yahoo&#8217;s Design Pattern Library has become my go-to source for UI solutions. The site presents common problems within a specific context and suggests optimal solutions with a pattern. They also provide much of the scripting to run each pattern with the Yahoo! User Interface (YUI) Library, which is a set of JavaScript utilities and controls [...]]]></description>
			<content:encoded><![CDATA[<p>Yahoo&#8217;s <a href="http://developer.yahoo.com/ypatterns/">Design Pattern Library</a> has become my go-to source for UI solutions. The site presents common problems within a specific context and suggests optimal solutions with a pattern. They also provide much of the scripting to run each pattern with the <a href="http://developer.yahoo.com/yui/">Yahoo! User Interface (YUI) Library</a>, which is a set of JavaScript utilities and controls for building richly interactive web applications. I&#8217;m no UI developer by any stretch of the imagination, but I still prefer <a href="http://jquery.com/">jQuery</a> and its limitless <a href="http://plugins.jquery.com/">plugins</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/yahoo-ui-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Copy and Paste Special Characters from the Web</title>
		<link>http://www.brianpeppler.com/webtechnology/copy-and-paste-special-characters-from-the-web/</link>
		<comments>http://www.brianpeppler.com/webtechnology/copy-and-paste-special-characters-from-the-web/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 20:00:42 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=167</guid>
		<description><![CDATA[Thanks to CopyPasteCharacter.com, I&#8217;ll never again need to look up the keyboard shortcuts for ©, ™, or ®.]]></description>
			<content:encoded><![CDATA[<p>Thanks to <a href="http://www.copypastecharacter.com">CopyPasteCharacter.com</a>, I&#8217;ll never again need to look up the keyboard shortcuts for  ©, ™, or ®.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/copy-and-paste-special-characters-from-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Signs up for OpenID</title>
		<link>http://www.brianpeppler.com/webtechnology/google-signs-up-for-openid/</link>
		<comments>http://www.brianpeppler.com/webtechnology/google-signs-up-for-openid/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 15:59:25 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=161</guid>
		<description><![CDATA[It&#8217;s nice to see that Google is now throwing its weight behind OpenID, a free and open standard that allows web users to log on to different web sites using a single digital identity and eliminates the need for a different user name and password for each site. Google joins the ranks of AOL, Microsoft, [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s nice to see that Google is now throwing its weight behind OpenID, a free and open standard that allows web users to log on to different web sites using a single digital identity and eliminates the need for a different user name and password for each site. Google joins the ranks of AOL, Microsoft, MySpace and Yahoo! in offering this service, and their involvement will certainly put OpenID in a position for massive adoption throughout the web.</p>
<p>Also notable is how Google is communicating this feature to users; in lieu of mentioning OpenID, Google is using the phrase &#8220;Sign in with a Google Account.&#8221; This is similar to Yahoo&#8217;s messaging, &#8220;Sign In with a Yahoo! ID.&#8221; The choice is likely influenced by the <a href="http://developer.yahoo.com/openid/bestpractices.html">Yahoo! OpenID Usability Research</a>, which concluded that users do not understand OpenID, but do support using trusted providers such as Yahoo! for authentication.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/google-signs-up-for-openid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Now Indexing Flash</title>
		<link>http://www.brianpeppler.com/webtechnology/google-now-indexing-flash/</link>
		<comments>http://www.brianpeppler.com/webtechnology/google-now-indexing-flash/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 18:51:12 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2008/07/16/google-now-indexing-flash/</guid>
		<description><![CDATA[Dear Adobe: I&#8217;m sorry I said those nasty things about search engines not loving Flash. It looks like you and Google are getting along. Now textual content—menus, buttons, banners, and website copy—are freely searchable, and I&#8217;m happy for you. I hope some day soon Google will work out those remaining issues with indexing external resources [...]]]></description>
			<content:encoded><![CDATA[<p>Dear Adobe: I&#8217;m sorry <a href="/2008/03/24/making-flash-seo-friendly/">I said those nasty things</a> about search engines not loving Flash. It looks like you and Google are <a href="http://googleblog.blogspot.com/2008/06/google-learns-to-crawl-flash.html">getting along</a>. Now textual content—menus, buttons, banners, and website copy—are freely searchable, and I&#8217;m happy for you.</p>
<p>I hope some day soon Google will work out those remaining issues with indexing external resources (e.g. HTML, XML, and SWF files).  I&#8217;d also like to see better support for web pages loading Flash files via JavaScript. According to Google, Googlebot does not execute some types of JavaScript.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/google-now-indexing-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Managing Sprite Graphics</title>
		<link>http://www.brianpeppler.com/webtechnology/managing-sprite-graphics/</link>
		<comments>http://www.brianpeppler.com/webtechnology/managing-sprite-graphics/#comments</comments>
		<pubDate>Mon, 14 Apr 2008 19:41:16 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2008/04/14/managing-sprites-graphics/</guid>
		<description><![CDATA[If you deal with a website that has any sizable amount of content, you understand that asset management can quickly get out of hand. I&#8217;m guilty of this, and I&#8217;m here to come clean: I have a junk drawer, and it&#8217;s name is the &#8220;images&#8221; folder. A quick look at my &#8220;images&#8221; folder reveals multiple [...]]]></description>
			<content:encoded><![CDATA[<p>If you deal with a website that has any sizable amount of content, you understand that asset management can quickly get out of hand. I&#8217;m guilty of this, and I&#8217;m here to come clean: I have a junk drawer, and it&#8217;s name is the &#8220;images&#8221; folder. A quick look at my &#8220;images&#8221; folder reveals multiple formats of a background, some rounded corners, and a bunch of ornamental images. So it was a joyful occasion when I discovered Yahoo&#8217;s method for managing images that are reused throughout a site: massive sprite graphics.</p>
<p>Typically when I create a graphic with multiple visual states I use a single sprite with the <a href="http://www.alistapart.com/articles/slidingdoors/">sliding door technique</a>. Yahoo simplifies the process by creating only <a href="http://l.yimg.com/a/i/us/sh/topshop08/sprite_040208_8bit.png" rel="facebox">one graphic for all sprites</a>. When new graphics are added to the site, they can be appended to the bottom of the existing master sprite graphic without interfering with existing x-y reference points.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/managing-sprite-graphics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making Flash Accessible and SEO Friendly</title>
		<link>http://www.brianpeppler.com/webtechnology/making-flash-seo-friendly/</link>
		<comments>http://www.brianpeppler.com/webtechnology/making-flash-seo-friendly/#comments</comments>
		<pubDate>Mon, 24 Mar 2008 20:38:10 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2008/03/24/making-flash-seo-friendly/</guid>
		<description><![CDATA[Flash has always been a great vehicle for delivering multimedia content on the web. I&#8217;m always wowed by its unlimited bounds, but I&#8217;m simultaneously disappointed by its poor handling of SEO and accessibility. While the rest of the web has evolved into a rich and standards-based medium, Flash and its developers have concentrated on beefing [...]]]></description>
			<content:encoded><![CDATA[<p>Flash has always been a great vehicle for delivering multimedia content on the web. I&#8217;m always wowed by its unlimited bounds, but I&#8217;m simultaneously disappointed by its poor handling of SEO and accessibility. While the rest of the web has evolved into a rich and standards-based medium, Flash and its developers have concentrated on beefing up the bling. In 2005 Macromedia published <a href="http://www.adobe.com/resources/accessibility/best_practices/best_practices_acc_flash.pdf">Best Practices for Accessible Flash Design</a>, a white paper that did little to address real accessibility needs.</p>
<p>The issue  stems from how Flash is referenced within a web page. Traditionally Flash was detected by HTML using either <span class="code">&lt;embed&gt;</span> or <span class="code">&lt;object&gt;</span> tags, however both tags have accessibility and plug-in detection issues, and <span class="code">&lt;embed&gt;</span> is invalid XHTML. These methods can cause some browsers and screen readers to misinterpret or entirely ignore your Flash content.</p>
<p>My favorite solution to this problem has been Bobby van der Sluis&#8217; <a href="http://www.bobbyvandersluis.com/ufo/">Unobtrusive Flash Object (UFO)</a>, but it was recently deprecated and replaced by Geoff Stearns&#8217; <a href="http://code.google.com/p/swfobject">SWFObject 2.0</a>. Like UFO, SWFObject is a DOM script that detects the Flash plug-in and embeds Flash objects. It&#8217;s JavaScript API provides an amazing and complete toolset for embedding SWF files and retrieving Flash Player-related information. It has its roots in the web standards community and is designed to support W3C standards-compliant, accessible and search engine friendly web design. The handy JavaScript detection determines whether Flash content or alternative content should be shown and avoids outdated Flash plug-ins break Flash content. The example below illustrates how simple it is to detecting Flash and add alternative content.</p>
<div class="codeblock">&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221; lang=&#8221;en&#8221; xml:lang=&#8221;en&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;SWFObject v2.0 dynamic embed &#8211; step 3&lt;/title&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=iso-8859-1&#8243; /&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;swfobject.js&#8221;&gt;&lt;/script&gt;</p>
<p>&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
swfobject.embedSWF(&#8220;myContent.swf&#8221;, &#8220;myContent&#8221;, &#8220;300&#8243;, &#8220;120&#8243;, &#8220;9.0.0&#8243;);<br />
&lt;/script&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;myContent&#8221;&gt;<br />
&lt;p&gt;Alternative content&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/making-flash-seo-friendly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW Interactive Panel Selection</title>
		<link>http://www.brianpeppler.com/webtechnology/sxsw-interactive-panel-selection/</link>
		<comments>http://www.brianpeppler.com/webtechnology/sxsw-interactive-panel-selection/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 20:35:54 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[SXSW]]></category>
		<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2008/02/14/sxsw-interactive-panel-selection/</guid>
		<description><![CDATA[I&#8217;m getting really excited with SXSW only a month away. I met a lot of great people last year and look forward to doing the same again this time around. It&#8217;s always a ton of fun to get a bunch of geeks, designers and Type-As together to collaborate. I haven&#8217;t selected any sessions yet, but [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m getting really excited with SXSW only a month away. I met a lot of great people last year and look forward to doing the same again this time around.</p>
<p>It&#8217;s always a ton of fun to get a bunch of geeks, designers and Type-As together to collaborate. I haven&#8217;t selected any sessions yet, but these look like keepers:</p>
<ul>
<li>10 Things We&#8217;ve Learned at 37signals</li>
<li>Accessible Rich Media</li>
<li>Creating Findable Rich Media Content</li>
<li>What Teens Want Online &amp; On Their Phones</li>
<li>GTD for Startups: Getting Things Done in the Real World</li>
<li>Specialization vs. Doing it All</li>
<li>Working Over the Web: Managing Distributed Staffs</li>
<li> Mobile 2.0: Why the Third Screen is Taking Center Stage</li>
</ul>
<p>Some of my favorite moments from last year&#8217;s interactive conference include Brian Fling&#8217;s <a href="http://www.blueflavor.com/blog/mobile/sxsw_2007_mobile_web_presentation.php">Everything you Always Wanted to Know About the Mobile Web</a> and Worldchanging 2.0 with Alex Nikolai Steffen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/sxsw-interactive-panel-selection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Show Your Bones: XRAY Your Website</title>
		<link>http://www.brianpeppler.com/webtechnology/show-your-bones/</link>
		<comments>http://www.brianpeppler.com/webtechnology/show-your-bones/#comments</comments>
		<pubDate>Fri, 03 Aug 2007 02:41:50 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://brianpeppler.com/?p=19</guid>
		<description><![CDATA[I just got my hands on what is quickly becoming my favorite web tool. XRAY is like a lightweight Web Developer toolbar that provides front-end coders with a quick debugging tool. No download is necessary; XRAY is executable via a bookmarklet that launches a floating tool panel over your web page. Selecting any element on [...]]]></description>
			<content:encoded><![CDATA[<p>I just got my hands on what is quickly becoming my favorite web tool. <a href="http://westciv.com/xray/">XRAY</a> is like a lightweight <a href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer toolbar</a> that provides front-end coders with a quick debugging tool. No download is necessary; XRAY is executable via a bookmarklet that launches a floating tool panel over your web page.  Selecting any element on your page reveals its style information—including style name, hierarchy inheritance, floats, margins, etc. I&#8217;ll continue to use the developer toolbar and <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a>, but there&#8217;s no need to pull out the entire toolbox when all you need is a pair of pliers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/show-your-bones/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Five Reasons to Love Safari 3</title>
		<link>http://www.brianpeppler.com/webtechnology/five-reasons-to-love-safari-3/</link>
		<comments>http://www.brianpeppler.com/webtechnology/five-reasons-to-love-safari-3/#comments</comments>
		<pubDate>Mon, 11 Jun 2007 16:27:23 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2007/06/11/five-reasons-to-love-safari-3/</guid>
		<description><![CDATA[Today at Apple&#8217;s Worldwide Developers Conference, Steve Jobs announced the release of Safari 3. It&#8217;s a great update to the browser, which was last released in 2005. I&#8217;m still committed to Firefox, but I&#8217;ll give Safari an occasional spin. When it has the same plugin capability as Firefox I will gladly reconsider. If you are [...]]]></description>
			<content:encoded><![CDATA[<p>Today at Apple&#8217;s <a href="http://developer.apple.com/wwdc/">Worldwide Developers Conference</a>, Steve Jobs announced the release of <a href="http://www.apple.com/safari/">Safari 3</a>. It&#8217;s a great update to the browser, which was last released in 2005.</p>
<p>I&#8217;m still committed to Firefox, but I&#8217;ll give Safari an occasional spin. When it has the same plugin capability as Firefox I will gladly reconsider. If you are considering a switch today, here are five reasons to make the change:</p>
<ol>
<li><strong>It&#8217;s available for the PC.</strong> Wow; I should have seen that coming. It makes perfect sense considering that millions of iPhones will be connecting to PCs in the next few months.</li>
<li><strong>It&#8217;s super fast.</strong> Safari loads pages up to 2 times faster than Internet Explorer 7 and up to 1.6 times faster than Firefox 2.0.</li>
<li><strong>Private browsing.</strong> Flip a switch and Safari will not retain any of your Google searches, cookies, history of downloads or pages viewed, or form information.</li>
<li><strong>Font smoothing.</strong> Great for designers, really bad for readability and usability. Fortunately smoothing can turned off through the panel at Edit &gt; Preferences &gt; Appearance.</li>
<li><strong>Windows Media support. </strong>Are publishers still using this format? It&#8217;s comforting that Apple is at least playing fairly.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/five-reasons-to-love-safari-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microformats</title>
		<link>http://www.brianpeppler.com/webtechnology/microformats/</link>
		<comments>http://www.brianpeppler.com/webtechnology/microformats/#comments</comments>
		<pubDate>Fri, 16 Mar 2007 16:36:23 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2007/03/16/microformats/</guid>
		<description><![CDATA[Over the course of four days, I attended roughly twenty panels at SXSW Interactive. The discussions covered everything from online social networks for teens to a primer on the mobile web. One event really stood out for me, but it wasn&#8217;t the Mardi Gras atmosphere or the celebrity keynote speakers. Tantek Çelik (Chief Technologist at [...]]]></description>
			<content:encoded><![CDATA[<p>Over the course of four days, I attended roughly twenty panels at <a href="http://2007.sxsw.com/interactive/">SXSW Interactive</a>. The discussions covered everything from <a href="http://2007.sxsw.com/interactive/programming/panels/?action=show&amp;id=IAP060248">online social networks for teens</a> to a <a href="http://2007.sxsw.com/interactive/programming/panels/?action=show&amp;id=IAP060152">primer on the mobile web</a>. One event really stood out for me, but it wasn&#8217;t the Mardi Gras atmosphere or the celebrity keynote speakers.</p>
<p>Tantek Çelik (Chief Technologist at Technorati) moderated <em>The Growth and Evolution of Microformats</em>. <a href="http://microformats.org/">Microformats</a> are a set of simple, open data formats that standardize the meaning of HTML content. Examples of content that can be used with Microformats include people, organizations, events, addresses and more. Many sites including Google, Upcoming, and Flickr are using microformats, and both Firefox 3 and Internet Explorer 8 will have built-in microformat readers. Until then, microformats can be read through the <a href="https://addons.mozilla.org/en-US/firefox/addon/4106">Operator</a> and <a href="https://addons.mozilla.org/en-US/firefox/addon/2240">Tails</a> Firefox extensions.</p>
<h3>Formatting Your Data</h3>
<p>Let&#8217;s use my contact information as an example where we will use the <a href="http://microformats.org/wiki/hcard">hCard</a> format (a microformat that represents people, companies, organizations, and places). On my contact page, I posted my name and contact information. If this information is relevant to a user, they may copy it—line by line—to a contact list in Outlook, iCal, or a mobile device. By adding an hCard, this process is automated. The code looks like this:</p>
<div class="codeblock">&lt;div id=&#8221;hcard-Brian-Peppler&#8221; class=&#8221;vcard&#8221;&gt;<br />
&lt;a class=&#8221;url fn&#8221; href=&#8221;http://www.brianpeppler.com&#8221;&gt;Brian Peppler&lt;/a&gt;&lt;br /&gt;<br />
&lt;a class=&#8221;email&#8221; href=&#8221;mailto:brian@brianpeppler.com&#8221;&gt;brian <br />@brianpeppler.com&lt;/a&gt;<br />
&lt;div class=&#8221;adr&#8221;&gt;<br />
&lt;div class=&#8221;street-address&#8221;&gt;1514 17th St. NW #101&lt;/div&gt;<br />
&lt;span class=&#8221;locality&#8221;&gt;Washington&lt;/span&gt;, &lt;span class=&#8221;region&#8221;&gt;DC&lt;/span&gt;, &lt;span class=&#8221;postal-code&#8221;&gt;20036&lt;/span&gt; &lt;span class=&#8221;country-name&#8221;&gt;USA&lt;/span&gt; &lt;/div&gt;<br />
&lt;/div&gt;</div>
<p>The result can be formatted in HTML like this:</p>
<div id="hcard-Brian-Peppler" class="vcard"> <a class="url fn" href="http://www.brianpeppler.com">Brian Peppler</a><br />
<a class="email" href="mailto:hello@brianpeppler.com">hello@brianpeppler.com</a> </p>
<div class="adr">
<div class="street-address">1514 17th St. NW #101</div>
<p>  <span class="locality">Washington</span>, <span class="region">DC</span>, <span class="postal-code">20036</span> <span class="country-name">USA</span></div>
</div>
<p>Your contact information can also be formatted as  a <a href="http://technorati.com/contact/http://www.brianpeppler.com/2007/03/16/microformats/">downloadable hCard<br />
</a> through the <a href="http://technorati.com/contact">Technorati Contacts Feed Service</a>. </p>
<p>This looks nice, but what good does it do? Aside from exporting the data to desktop applications, mobile phone browsers visiting this site can place a call to me directly from my microformatted content.</p>
<h3>Additional Resources</h3>
<p>Check out the <a href="http://www.webstandards.org/action/dwtf/microformats/">Dreamweaver microformat extension</a> and <a href="http://www.microformats.org">microformats.org</a> help creating your own microformats. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/microformats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
