<?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>Brain Off &#187; bangladeshboat</title>
	<atom:link href="http://brainoff.com/weblog/category/bangladeshboat/feed" rel="self" type="application/rss+xml" />
	<link>http://brainoff.com/weblog</link>
	<description>Mikel Maron :: Building Digital Technology for Our Planet</description>
	<lastBuildDate>Thu, 02 Feb 2012 19:49:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>BBC Bangladesh River Journey</title>
		<link>http://brainoff.com/weblog/2007/10/29/1272</link>
		<comments>http://brainoff.com/weblog/2007/10/29/1272#comments</comments>
		<pubDate>Mon, 29 Oct 2007 20:08:25 +0000</pubDate>
		<dc:creator>mikel</dc:creator>
				<category><![CDATA[bangladeshboat]]></category>

		<guid isPermaLink="false">http://brainoff.com/weblog/2007/10/29/1272</guid>
		<description><![CDATA[Been lending a hand to Brighton local web developers Dharmafly with a project for the BBC World Service, Bangladesh River Journey, Charting the course of climate change. World Service reporters from 17 different language services are joining the journey, tracking the effects of climate change in Bangladesh &#8212; historically flooding year after year, and extremely [...]]]></description>
			<content:encoded><![CDATA[<p>Been lending a hand to Brighton local web developers <a href="http://dharmafly.com/">Dharmafly</a> with a project for the BBC World Service, <a href="http://www.bbc.co.uk/worldservice/bangladeshboat/">Bangladesh River Journey, Charting the course of climate change</a>. World Service reporters from 17 different language services are joining the journey, tracking the effects of climate change in Bangladesh &#8212; historically flooding year after year, and extremely vulnerable to raising sea levels and extreme weather. It was fun to work these guys, their focus is on Ethical Web Development, and Dharmafly pulled together a nice package of services, including a few cool hacks, to pull this off.</p>
<p>There&#8217;s very live coverage of the journey. The reporters are taking photos on <a href="http://www.flickr.com/photos/bangladeshboat">flickr</a> and posting updates on <a href="http://twitter.com/bangladeshboat">twitter</a>. Of course, it&#8217;s all on a Google Map. One really nice geekity are locations reported from the field via <a href="http://twitternanoformats.wikispaces.com/">location nanoformats</a>, ala <a href="http://twittervision.com/">twittervision</a>. There&#8217;s GeoRSS, microformats, and an API (<a href="http://dharmafly.com/blog/bangladeshboat">dharmafly has more on this on their blog</a>).</p>
<p>It&#8217;s interesting to ponder that with the relaunch of <a href="http://fireeagle.research.yahoo.com/">FireEagle</a>, and perhaps some extensions to <a href="http://pipes.yahoo.com/">Pipes</a>, the majority of the backend which brings together twitter, flickr, and their blog, with geographical ordering, could be developed without a server, on web native platforms.</p>
<p>Notice anything unusual in this screenshot? This is what I spent a good chunk of my time on&#8230;</p>
<p><a href="http://www.flickr.com/photos/mikel_maron/1800524284/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2242/1800524284_1811e304fd.jpg" width="500" height="448" alt="bangla" /></a></p>
<p>That GMaps InfoWindow has escaped the bounds of the Google Map. The map area we had within the template is on the small side, so to take full advantage of the space we developed a <a href="http://www.bbc.co.uk/worldservice/bangladeshboat/js/mashup.js">CustomBalloon</a> class, which steals the InfoWindow from Google Maps, and places it in the main DOM and takes over all the positioning. So it&#8217;s a freed infowindow, in the familiar Google Maps style. </p>
<p>It&#8217;s a nice little, useful hack. And it gave me a new appreciation for the humble GInfoWindow. Google is doing some very clever things there, just take a look at the <a href="http://www.google.com/intl/en_ALL/mapfiles/iw2.png">single image used to construct all elements of an GInfoWindow</a>. CSS based masking and positioning are employed so that only a single image download is required.</p>
]]></content:encoded>
			<wfw:commentRss>http://brainoff.com/weblog/2007/10/29/1272/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

