<?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>Playworkplay Webstudio &#187; Lexicon</title>
	<atom:link href="http://playworkplay.com/blog/category/lexicon/feed/" rel="self" type="application/rss+xml" />
	<link>http://playworkplay.com</link>
	<description>Because Fun Things Get Done</description>
	<lastBuildDate>Wed, 19 Aug 2009 12:00:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Lexicon: Breadcrumb</title>
		<link>http://playworkplay.com/blog/breadcrumb/</link>
		<comments>http://playworkplay.com/blog/breadcrumb/#comments</comments>
		<pubDate>Sat, 29 Dec 2007 03:08:25 +0000</pubDate>
		<dc:creator>Safitri</dc:creator>
				<category><![CDATA[Lexicon]]></category>

		<guid isPermaLink="false">http://playworkplay.com/blog/lexicon-breadcrumb/</guid>
		<description><![CDATA[In this new Lexicon category, we will try to explain various web design terms in a collection of short, easy to understand articles. This is our first entry. Have fun learning with us!
Breadcrumb
In the science of web accessibility, breadcrumb is a form of navigation links designed to show user their current location inside a website. [...]]]></description>
			<content:encoded><![CDATA[<p>In this new <a href="http://playworkplay.com/blog/category/lexicon/">Lexicon</a> category, we will try to explain various web design terms in a collection of short, easy to understand articles. This is our first entry. Have fun learning with us!</p>
<h3>Breadcrumb</h3>
<p>In the science of web accessibility, <strong>breadcrumb</strong> is a form of navigation links designed to show user their current location inside a website. This is an example from <a href="http://dir.yahoo.com/Science/Biology/Zoology/Zoos/Aquariums/">Yahoo! Directory</a>:</p>
<p><img src="http://img172.imageshack.us/img172/6854/breadcrumbwd9.png" alt="Sample image of breadcrumb navigation" /></p>
<p>Also notice that the breadcrumb structure is similar with the URL format:</p>
<p><img src="http://img180.imageshack.us/img180/911/breadcrumburlbargf0.png" alt="The page's URL matches the breadcrumb structure" /></p>
<p>All items in the breadcrumb is hyperlinked, except for the current page, which is bolded to emphasize the &#8220;you are here effect&#8221;. For maximum effect, the breadcrumb is better placed on the top area of the page. And, if the page is quite long, placing another breadcrumb at the bottom is also a good idea.</p>
<p>The term &#8220;breadcrumb&#8221; came from the story <a href="http://en.wikipedia.org/wiki/Hansel_and_gretel">Hansel and Gretel</a>, where they left a trail of breadcrumbs to help them return back to home. Their breadcrumbs were then eaten by animals, causing them to get lost, but that&#8217;s another story.</p>
]]></content:encoded>
			<wfw:commentRss>http://playworkplay.com/blog/breadcrumb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
