<?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>Chris Herring &#187; json</title>
	<atom:link href="http://blog.chrisherring.co.uk/tag/json/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.chrisherring.co.uk</link>
	<description>Interaction, development and everything in between...</description>
	<lastBuildDate>Thu, 10 Mar 2011 09:34:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Tweet tweet flick!</title>
		<link>http://blog.chrisherring.co.uk/2008/12/07/83/</link>
		<comments>http://blog.chrisherring.co.uk/2008/12/07/83/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 20:09:35 +0000</pubDate>
		<dc:creator>blog.chrisherring.co.uk</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[chrisherring.co.uk]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://blog.chrisherring.co.uk/?p=83</guid>
		<description><![CDATA[I&#8217;ve just added a little twitter ticker flickr thing on chrisherring.co.uk which looks at my Twitter posts and fetches related Flickr image. A while ago I created a Twitter badge in flash for an indies band website, only to find 3 weeks later Twitter changed their api due to a security issue. Later I re-created [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">I&#8217;ve just added a little twitter ticker flickr thing on <a href="http://www.chrisherring.co.uk" target="_blank">chrisherring.co.uk</a> which looks at my <a href="http://twitter.com/chrisherring" target="_blank">Twitter posts</a> and fetches related Flickr image. A while ago I created a Twitter badge in flash for an indies band website, only to find 3 weeks later Twitter changed their api due to a security issue. Later I re-created the Twitter badge in Jquery using JSON. For this little project I decided to use <a href="http://en.wikipedia.org/wiki/JSON" target="_blank">JSON</a> as my data format, which can be parsed in AS3. </p>
<p style="text-align: left;">Looping through my recent Twitter posts I search for question marks or full stops etc with a regular expression which looks like this /\!|\?|\.|\&#8230;|\*/.  Upon finding a matching character I extract the preceding word, and query the Flick api for images tagged with the preceding word, then place the tagged image in the background.  In order to work around the security issue which arises when using Twitter and Flash, I use php to quickly copy my json feed and parse the local copy into flash. Below are some examples</p>
<p style="text-align: center;"><img class="aligncenter" src="http://blog.chrisherring.co.uk/wp-content/uploads/images/twitter_flickr_1.jpg" alt="" width="480" height="213" /></p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="alignnone" src="http://blog.chrisherring.co.uk/wp-content/uploads/images/twitter_flickr_2.jpg" alt="" width="480" height="213" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.chrisherring.co.uk/2008/12/07/83/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

