<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Digital by Default</title>
	<atom:link href="http://digitalbydefault.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://digitalbydefault.com</link>
	<description>Matt Jukes: digital tactics &#38; open web in the public sector</description>
	<lastBuildDate>Sun, 19 May 2013 12:53:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='digitalbydefault.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://1.gravatar.com/blavatar/f0798b16c9c6579fb27d22636203eeb2?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>Digital by Default</title>
		<link>http://digitalbydefault.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://digitalbydefault.com/osd.xml" title="Digital by Default" />
	<atom:link rel='hub' href='http://digitalbydefault.com/?pushpress=hub'/>
		<item>
		<title>Anker Astro2: the commuters friend</title>
		<link>http://digitalbydefault.com/2013/05/19/anker-astro2-the-commuters-friend/</link>
		<comments>http://digitalbydefault.com/2013/05/19/anker-astro2-the-commuters-friend/#comments</comments>
		<pubDate>Sun, 19 May 2013 12:53:44 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[thoughts]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1655</guid>
		<description><![CDATA[My life is basically a series of trips on public transport punctuated by occasional other activity (work, social life etc). My current job is responsible for a minimum of 13 hours a week of commuting &#8211; the vast majority of that on a train route that has no wifi, minimal 3G connectivity and worst of [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1655&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>My life is basically a series of trips on public transport punctuated by occasional other activity (work, social life etc). My current job is responsible for a minimum of 13 hours a week of commuting &#8211; the vast majority of that on a train route that has no wifi, minimal 3G connectivity and worst of all no <span style="line-height:1.5;">power sockets.</span></p>
<p>I&#8217;m still trying to find a solution to the 3G issue but the power problem has been resolved thanks to a random <a href="http://www.warrenellis.com/?p=14835">blogpost from author and internet fiend Warren Ellis</a>. This post introduced me to the <a href="http://www.ianker.com/anker-astro-external-battery-backup-charger/product/79UN5V2-B84A">Anker Astro2</a>. The Anker has been a god send these last three weeks &#8211; happily holding enough charge to completely resuscitate my empty Nexus4 and have enough juice left to charge my iPod Nano. It also comfortably refuelled my iPad3 on a trip back from Titchfield.<br />
<img alt="Screenshot_19_05_2013_13_51" src="http://backpass.files.wordpress.com/2013/05/screenshot_19_05_2013_13_51.png?w=324&#038;h=305" width="324" height="305" /></p>
<p>It is not lightweight but justifies the extra strain in my shoulder when carried and<a href="http://www.amazon.co.uk/gp/product/B0067UPRQ4/ref=oh_details_o03_s00_i00?ie=UTF8&amp;psc=1"> Amazon have been selling them half price recently</a> (I think there is be a new model).</p>
<p>It is recharged itself via a standard mini USB wall charger so is pretty low maintenance and while I haven&#8217;t &#8216;crash tested&#8217; it it certainly looks like it could take a beating (though the connectors it comes with look a little flimsy so I swapped them for stuff I had laying about.)</p>
<p>For anyone who has a lot of commuting in their life I&#8217;d definitely recommend it. It will have a permanent spot in my commuting bag going forward (now just need to get a new bag &#8211; but thats another post!)</p>
<p>&nbsp;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1655/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1655/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1655&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/19/anker-astro2-the-commuters-friend/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://backpass.files.wordpress.com/2013/05/screenshot_19_05_2013_13_51.png" medium="image">
			<media:title type="html">Screenshot_19_05_2013_13_51</media:title>
		</media:content>
	</item>
		<item>
		<title>#opentech 2013 &#8211; a game of two halves</title>
		<link>http://digitalbydefault.com/2013/05/19/opentech-2013-a-game-of-two-halves/</link>
		<comments>http://digitalbydefault.com/2013/05/19/opentech-2013-a-game-of-two-halves/#comments</comments>
		<pubDate>Sun, 19 May 2013 08:03:06 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[events]]></category>
		<category><![CDATA[opentech]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1649</guid>
		<description><![CDATA[Yesterday I attended #opentech (well some of it) for I think the third time. It is something of a unique event these days I think &#8211; on paper it looks like a pretty normal tech event but when you look a bit closer you see just how special it is. In some ways it feels [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1649&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Yesterday I attended #opentech (well some of it) for I think the third time. It is something of a unique event these days I think &#8211; on paper it looks like a pretty normal tech event but when you look a bit closer you see just how special it is. In some ways it feels like it is from another time &#8211; a more techno-hippy version of the wider world of the web.</p>
<p>It is determinedly old school in its organisation &#8211; I love the fact that is a fiver on the door <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  There are dozens of high quality speakers throughout the day which many a £1000 entry conference would kill for though despite this at least for me a lot of the joy of the event is the conversations in the bar and corridors.</p>
<p>I was actually early for a change so I managed to find a seat in the Main Hall and settled in for a morning of talks.</p>
<p>The day kicked off with a bit of a &#8216;what I did last summer&#8217; talk from @russs (is that enough S&#8217;s?) and the geek festival in a field he and friends organisation &#8211; Electromagnetic Fields.</p>
<p>All in all it was a very impressive undertaking, though the guys are clearly not going to become location scouts anytime soon &#8211; choosing a field next to a motorway, a sewage plant and in danger of flooding maybe not the wisest &#8211; thankfully the wind was blowing the sewage smell away from the camp! They supplied power AND high speed wifi to 300 people in tents for a weekend of hacking and beer (with a bar under the M1!). In fact the wifi provided by the 30 metre microwave mast they installed and the network routers hidden in portaloos was so good they were upset that the bandwidth didn&#8217;t get worked harder!</p>
<p>They are going to give it another go in 2014 (September-ish) though at a different location and aiming for more like 900 people!! Check the project out on Twitter at <a href="http://twitter.com/emfcamp">@emfcamp</a></p>
<p><em>[as an aside it sounded a lot like a scaled up version of that <a title="The Big Bathcamp – emphasis on the Camp!" href="http://digitalbydefault.com/2009/06/30/the-big-bathcamp-emphasis-on-the-camp/">Big Bathcamp</a> <a href="http://twitter.com/m1ke_ellis">Mike</a> arranged a few years ago at Rutland and I seem to remember him having an idea for a Geek festival so another one to cross off the to-do list mate!]<br />
</em><br />
The second talk was something of a love letter to the NHS though to be honest it took a bit of a while to get to any kind of point. The speaker clearly had something of a reputation as a bit of a showman but I found his style a bit difficult to engage with even if when he got to the point I found the core of the presentation really interesting &#8211; using open data to identify spending patterns in the NHS and in particular spotting where the NHS trusts aren&#8217;t taking advantage of the saving offered by generic drugs and are instead still in the pocket of big pharma. He showed some genuinely interesting maps (I especially liked that they had been filtered so as not to just follow local populations)</p>
<p><img class="alignnone" alt="" src="http://imgs.xkcd.com/comics/heatmap.png" width="500" height="542" /></p>
<p>which really illustrated his points nicely and were a fine example of simple but effective visualising of data &#8211; something I am clearly interested in these days.</p>
<p>After a short break it was time for a GOV.UK double header. Tom Loosemore was first up giving a whistle stop tour of the work of GDS which was an impressive mix of light hearted, politic and making some serious points.</p>
<p>I&#8217;ve followed the work of GDS closely since before it was actually GDS (I was lucky enough to see the Alpha before it launched and even did the original &#8216;alphagov&#8217; Wikipedia page <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ) and I know a few people involved so it wasn&#8217;t exactly new ground for me but there some new nuggets amongst it. The fact GDS can veto appointments at some level (I missed what) is huge &#8211; forcing the Civil Service to put digitally savvy people in to senior roles not just moving people in because they are the right grade.</p>
<p>The scale of the work fixing transactions was also an interesting insight as its the area I know least about &#8211; also always funny to see that picture of Daffydd at Number 10 again! Also when talking about the more to open source and the culture change that invoked he linked to the best tweet ever for those of us in this corner of the web by world (for context CESG are the cyber-spooks at Cheltenham)</p>
<p><img class="aligncenter size-full wp-image-1653" alt="Screenshot_19_05_2013_09_00" src="http://backpass.files.wordpress.com/2013/05/screenshot_19_05_2013_09_00.png?w=604&#038;h=378" width="604" height="378" /></p>
<p>Tom does give great presentation. He handled some quite difficult questions later on with aplomb and kept the crowd onside throughout &#8211; he also gave very honest answers right up to (but not beyond) crossing some kind of Civil Service line. Skillful in of its self.</p>
<p>Early on he also spoke about how his role (since he was banned from coding 8 years ago!) was about &#8216;creating space for others&#8217; to do their work. This is very much my aspiration as a manager but I wonder how well I manage it.</p>
<p>Next up with Jordan Hatch talking about how GDS avoided &#8216;breaking the web&#8217;. I really enjoyed this slightly more technical talk &#8211; some elements of it were above my head (NGINX could be a Star Trek: Voyager character for all I know!) but I am a big believer in this particular goal of &#8220;no link left behind&#8221; and believe it is something too often ignored or at the very least shortchanged. GDS built custom tools (now available on Github) to manage the migration mapping (the Migratorator) and also a gamified tool with scoreboards that then allowed people to check old page v new page and decide if it looked like a correct mapping (the Review-o-matic). The redirect engine (if thats the right term) is currently managing <strong>180,000 redirects</strong> from what was Directgov, Businesslink and the 26 department (and No10 and the DPM) websites.</p>
<p>After a bit of a liquid lunch (Staropramen for less than 3 quid a pint in London &#8211; good times!) I settled in for Bill Thompsons talk. This is the second time I have heard Bill speak and the experience was identical to the first. I was swept along during the talk and felt smarter just for following along but at the end I realised it was some kind of illusion and I didn&#8217;t really understand anything! Thankfully he has had to good grace to <a href="http://www.thebillblog.com/2013/05/the-state-of-the-intersection-my-opentech-talk/">post his text on his blog</a> so at least I can link to it (and reread it a few times.)</p>
<p>The was about it for any formal session attendance from me &#8211; I did catch a bit of Richard Popes &#8216;Tiny Data&#8217; session which I enjoyed &#8211; he also wrote the tweet that summed the whole event up for me as well:</p>
<blockquote class="twitter-tweet"><p><a href="https://twitter.com/search/%23opentech">#opentech</a> was lovely. No reason at all, that other conferences should not be that good, cost £5, and be community led.</p>
<p>— Richard Pope (@richardjpope) <a href="https://twitter.com/richardjpope/status/335897587796299776">May 18, 2013</a></p></blockquote>
<p>I was sad to miss Paul Clarke give his session but I mistimed it and the nature of the room layout meant arriving late would have meant crashing in right at the from of the room when Paul was in full flow.</p>
<p>As always I had loads of brilliant conversations &#8211; I caught up with Zoe and her tales of Stockholm and launch parties with Labrinth, chatted to Phil for the first time in ages, shared a beer or two with Tony discussing open data, MOOCs, hacking and who knows what else. Met Harry for the first time in person and had a good chat about a little ebook project we find ourselves coming at from different, but complimentary, directions. Had a great insightful chat with Nick about some shared challenges and his idea for an &#8216;exceptions club&#8217; and randomly met Dan Wilson who was a co-founder of Timetric one of the big third party users of ONS data &#8211; that was also very helpful.</p>
<p>I ran out of steam a bit early though (that liquid lunch probably didn&#8217;t help!) and heading home to Bristol in time for Dr Who and a much needed Chinese takeaway.</p>
<p>Huge thanks to the team who put it together;</p>
<blockquote class="twitter-tweet"><p>Huge hugs and high fives to @<a href="https://twitter.com/smithsam">smithsam</a> and team for a great day! <a href="https://twitter.com/search/%23opentech">#opentech</a></p>
<p>— The ODI (@UKODI) <a href="https://twitter.com/UKODI/status/335809670507814912">May 18, 2013</a></p></blockquote>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1649/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1649/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1649&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/19/opentech-2013-a-game-of-two-halves/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://imgs.xkcd.com/comics/heatmap.png" medium="image" />

		<media:content url="http://backpass.files.wordpress.com/2013/05/screenshot_19_05_2013_09_00.png" medium="image">
			<media:title type="html">Screenshot_19_05_2013_09_00</media:title>
		</media:content>
	</item>
		<item>
		<title>52:Week Three</title>
		<link>http://digitalbydefault.com/2013/05/17/52week-three/</link>
		<comments>http://digitalbydefault.com/2013/05/17/52week-three/#comments</comments>
		<pubDate>Fri, 17 May 2013 14:59:39 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[weeknote]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1645</guid>
		<description><![CDATA[My 3rd week showed no sign of letting up with the learning curve &#8211; though there was less travel this week as I skipped my trip to Titchfield and am working from home today (even if that proved to be a challenge &#8211; the problem is always the last thing you check and I was [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1645&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><img src="http://backpass.files.wordpress.com/2013/05/screenshot_17_05_2013_15_57.png?w=604" alt="Screenshot_17_05_2013_15_57"   class="aligncenter size-full wp-image-1646" /></p>
<p>My 3rd week showed no sign of letting up with the learning curve &#8211; though there was less travel this week as I skipped my trip to Titchfield and am working from home today (even if that proved to be a challenge &#8211; the problem is always the last thing you check and I was pretty sweaty and throwy before I discovered the ethernet cable was a dud!).</p>
<p>This week I really started to get me head around the task ahead and started to at least get a rough roadmap of what steps are needed to get us there.</p>
<p>I had some great chats with people in my team and am quickly coming to the conclusion that the solutions are close at hand and it is more of a case of harnessing the existing knowledge and talent than starting anything from scratch. </p>
<p>Some of the prototypes being worked up before I came into the role are brilliant. The team is looking in to a Datawrapper-esque tool I am referring to as &#8216;graphic-o-matic&#8217; (much to the amusement of others) which I believe has huge potential internally and some of the more bespoke work they have been doing is of the highest quality.</p>
<p>There was a bit of an &#8216;open data&#8217; theme running throughout the week &#8211; the release of the &#8216;<a href="https://www.gov.uk/government/publications/shakespeare-review-of-public-sector-information">Shakespeare Review</a>&#8216; and some meetings about internal open data initiatives meant the topic was never far from my mind. It is funny really how despite my best efforts these open data projects keep following me around and just how much I have learned out things by accident.</p>
<p>I gave an intro presentation to as many of my team as possible on Wednesday &#8211; as is my way it was pretty informal and lighthearted but I hope I got across the idea that I know what I am doing and I am passionate about this stuff (and more interesting in the work than in the bureaucracy and hierarchies.)</p>
<p>Despite the fact I have spent so many years in and around the public sector I am still finding aspects of life a challenging transition. Internet access is locked down to a terrifying extent &#8211; even for someone in my role and it is slow going just getting access to the sites and software I need to work. The admin overhead for line management is pretty significant &#8211; certainly more than anywhere else I have worked. Recruitment is also a hard slog. The team has a great deal of unfilled spots at the moment &#8211; some in really key areas which makes things extra tough. </p>
<p>At the moment I am researching a paper about fixed vs responsive web design &#8211; I thought it would be a no brainer to be honest as I have been pretty all-in with responsive over the last 18 months or so but a couple of things I have read have made it less straightforward. The &#8216;<a href="https://gocardless.com/blog/unresponsive-design/">Go Cardless</a>&#8216; blog post in particular made for interesting reading.</p>
<p>Looking forward to OpenTech tomorrow and sleeping all day Sunday probably.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1645/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1645/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1645&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/17/52week-three/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://backpass.files.wordpress.com/2013/05/screenshot_17_05_2013_15_57.png" medium="image">
			<media:title type="html">Screenshot_17_05_2013_15_57</media:title>
		</media:content>
	</item>
		<item>
		<title>Facts are Sacred by Simon Rogers</title>
		<link>http://digitalbydefault.com/2013/05/15/facts-are-sacred-by-simon-rogers/</link>
		<comments>http://digitalbydefault.com/2013/05/15/facts-are-sacred-by-simon-rogers/#comments</comments>
		<pubDate>Wed, 15 May 2013 18:41:27 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1640</guid>
		<description><![CDATA[Simon Rogers starts his book with a quote from C.P.Scott, first editor of the [Manchester] Guardian, from 1921; &#8220;Comment is free, but facts are sacred.&#8221; It is safe to say I have mainly been on the &#8216;comment&#8217; side of that equation as far as how it relates to the web (particularly when you consider the [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1640&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><a href="http://simonrogers.net/">Simon Rogers</a> starts his book with a quote from <a href="http://en.wikipedia.org/wiki/C._P._Scott">C.P.Scott</a>, first editor of the [Manchester] Guardian, from 1921;</p>
<blockquote><p>&#8220;Comment is free, but facts are sacred.&#8221;</p></blockquote>
<p>It is safe to say I have mainly been on the &#8216;comment&#8217; side of that equation as far as how it relates to the web (particularly when you consider the Guardians <a href="http://www.guardian.co.uk/commentisfree/uk-edition">own use of the term</a>) but increasingly I find myself in the grip of a data driven world.</p>
<p>I have, I think, a pretty complicated relationship with &#8216;data&#8217; on a professional level. I was a major supporter of the early &#8216;<a href="http://www.freeourdata.org.uk/index.php">Free Our Data</a>&#8216; campaign &#8211; I even once hired Mike Cross as a freelancer off the back of some writing he had done on the topic. Later though I got soured by what I felt at the time was the hijacking of the entire topic by the Semantic Web/Linked Data crowd &#8211; a subject still known to bring me out in hives to this day <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Talk of RDF,SPARQL or &#8216;triples&#8217; is one of the best ways to get me to leave a room for any of you who are ever bored of my company.</p>
<p>What I found refreshing about this book, and about the whole of &#8216;data journalism&#8217; really, is how little any of that is mentioned. The tools of the trade seem to be Excel, a suite of free or cheap web tools and a lot of hard work and patience. I can appreciate that.</p>
<p>Probably not surprisingly the book is heavy on the Guardian influences. Despite being a regular reader I was still surprised at how much I had already engaged with to a pretty decent extent; Wikileaks, MP expenses, the Olympics and the Riots (as well as the Dr Who stuff) were all stories I knew well and had experienced the advantages of the data crunching (and had also followed those stories through to the background on the Datablog at the time.) I guess what is impressive is how mainstream and normal all this seemed in such a short period of time.</p>
<p>I enjoyed reading about some of the history of pre-computing data journalism &#8211; the mentions of Florence Nightingale, the Detroit riots in &#8217;67 and the data based story in the first ever Guardian give the whole thing a nice grounding in the past.</p>
<p>There were a lot of nuggets of interest to my current job &#8211; one of my favourites was this one early on;</p>
<blockquote><p>&#8220;Data journalism is not graphics and visualisations. It&#8217;s about telling the story in the best way possible.&#8221;</p></blockquote>
<p>This is something I am keen to reinforce &#8211; not every number needs an infographic.</p>
<p>My favourite section of the book is actually not written by Rogers but by <a href="http://jonathangray.org/about/">Jonathan Gray</a> of the Open Knowledge Foundation. His chapter, 9, is titled &#8216;The new punk&#8217; (though I&#8217;m not sure about that title.) Gray puts data work in a wider context and makes clear that getting the data is just the beginning and that a lot of work is needed to add the value.</p>
<p>***an update from Jonathan himself 16/05/2013 <em>&#8220;Just to clarify, only the section titled “What data can and cannot do” is mine, the rest of “The new punk” section (including the title) is not mine.&#8221;</em>**</p>
<blockquote><p>&#8220;Open information about government is not the same as open government, participatory government or good government&#8221;.</p></blockquote>
<p>He also expands in more detail the point that data journalism isn&#8217;t be default graphics. In a section too long to type out here <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Gray makes it clear that data &#8220;<em>[..is] the ultimate in flexible formats.&#8221; He also goes on to make the point that &#8220;simplicity and brevity are huge strengths in visual communication.&#8221;<br />
</em><br />
I found the book a genuinely interesting read and a really useful grounding in the realities of data journalism at the moment and with a great deal of practical insights, snippets and leads that are going to make my education in this space.</p>
<p>I&#8217;ll finish with a quote from the final chapter about my current employers;</p>
<blockquote><p>&#8220;It should be pointed out that the ONS has incredible information on [it's] site &#8211; but it is also the world&#8217;s worst website.&#8221;
</p></blockquote>
<p>I&#8217;d hate to be the guy who has to&#8230;oh. Right. Oh well <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1640/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1640/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1640&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/15/facts-are-sacred-by-simon-rogers/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>
	</item>
		<item>
		<title>Storify of week two of #teachtheweb</title>
		<link>http://digitalbydefault.com/2013/05/13/week-two-webmakerwins/</link>
		<comments>http://digitalbydefault.com/2013/05/13/week-two-webmakerwins/#comments</comments>
		<pubDate>Mon, 13 May 2013 18:47:51 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1632</guid>
		<description><![CDATA[Storify by Matt Jukes Mon, May 13 2013 11:42:26 week two #webmakerwins week two of #teachtheweb was all about the remix &#8211; exploring the awesome makes from the week before, choosing one, and remixing it. Then sharing it. Which started the cycle again week 3 is all about the #openweb There was no better intro [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1632&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<div class="sfy-html">
<div class="s-story noborder">
<div class="s-header">
<div class="s-info">
<div class="s-author"><a class="logo" title="View the story on Storify.com" href="http://storify.com/jukesie/week-two-webmakerwins?utm_source=embed_header" target="_blank">Storify</a> by<br />
<a class="s-author-name" href="//storify.com/jukesie" target="_blank" rel="author">Matt Jukes</a></div>
<div class="s-published"><a class="s-published-date timestamp" href="http://storify.com/jukesie/week-two-webmakerwins/preview" target="_blank">Mon, May 13 2013 11:42:26</a></div>
<div class="s-clear"></div>
</div>
<h2 class="s-section hidden"></h2>
<h1 class="s-title">week two #webmakerwins</h1>
<p class="s-description">week two of #teachtheweb was all about the remix &#8211; exploring the awesome makes from the week before, choosing one, and remixing it. Then sharing it. Which started the cycle again <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  week 3 is all about the #openweb</p>
</div>
<div class="s-element-container" style="max-width:none;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:0;-webkit-box-shadow:none;box-shadow:none;background:#fff;">
<div class="s-element-content s-text linkify" style="overflow:hidden;font-size:15px;color:#333;position:relative;padding:10px;background:#fff;-webkit-border-radius:0!important;border-radius:0!important;text-align:left;line-height:1.6em;border-color:transparent;max-width:none;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;border:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;">There was no better intro to the power of the remix this week than the Thimble evolution of Chad here by John Johnston&#8230;</div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><img class="s-link-thumbnail" style="display:block;float:left;max-width:96px;max-height:96px;margin:0 10px 5px 0;padding:1px;border:1px solid #ddd;" alt="" src="http://johnjohnston.info/blog/images/2013-05/2013-05-08_chad_final.jpg" /><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="http://johnjohnston.info/blog/?e=2383" target="_blank">Here&#8217;s iterating at you, Chad &#8211; John&#8217;s World Wide Wall Display</a></p>
<div class="s-link-desc" style="font-size:12px;">Week two of the teachtheweb mooc starts with a challange: Explore the awesome makes from last week, choose one, and remix it.. At lunch t&#8230;</div>
<div class="s-attribution">
<div class="s-source s-johnjohnston"><a style="color:#333;text-decoration:none;" href="http://johnjohnston.info" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://johnjohnston.info" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://johnjohnston.info" target="_blank" rel="Johnjohnston">Johnjohnston</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img class="share" style="color:#333;text-decoration:none;" title="Share" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7325/8728259840_3226bc1fd5_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-attribution">
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8728259840" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/jeannieccrowley" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="jeannieccrowley" src="http://a0.twimg.com/profile_images/2628916948/ba4cf90a720537dcc68c8cf0da19061c_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/jeannieccrowley" target="_blank">Jeannie Crowley</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/jeannieccrowley" target="_blank">@jeannieccrowley</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"></div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"></div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Very meta:connected learning chat resulted in connected learning. See before &amp; after visualizations of <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> plus.google.com/u/1/1139056978…</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/jeannieccrowley/status/332558595742912512" target="_self"><span class="timestamp">Thu, May 09 2013 11:12:02</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332558595742912512&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332558595742912512&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332558595742912512&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7317/8728276316_19f78ec9b2_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="buttons"><a class="share" style="color:#333;text-decoration:none;" title="Share" href="#">Share</a></div>
<div class="s-share-dropdown">
<ul class="s-actions-share">
<li class="s-share-facebook"><a style="color:#333;text-decoration:none;" href="#" rel="facebook">Share on Facebook</a></li>
<li class="s-share-twitter"><a style="color:#333;text-decoration:none;" href="#" rel="twitter">Share on Twitter</a></li>
<li class="s-share-pinterest"><a style="color:#333;text-decoration:none;" href="#" rel="pinterest">Share on Pinterest</a></li>
<li class="s-share-googleplus"><a style="color:#333;text-decoration:none;" href="#" rel="googleplus">Share on Google </a></li>
<li class="s-share-linkedin"><a style="color:#333;text-decoration:none;" href="#" rel="linkedin">Share on Linkedin</a></li>
<li class="s-share-email"><a style="color:#333;text-decoration:none;" href="#" rel="email">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-flickr"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8728276316" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/ActivateLearn" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="ActivateLearn" src="http://a0.twimg.com/profile_images/2768345087/f7e905239ed7082ec99a7d01318dcbe4_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/ActivateLearn" target="_blank">Helen Blunden</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/ActivateLearn" target="_blank">@ActivateLearn</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">My new blog post <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#TeachTheWeb" target="_blank" rel="external">#TeachTheWeb</a> cMOOC dabbling with <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#Mozilla" target="_blank" rel="external">#Mozilla</a> <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#Thimble" target="_blank" rel="external">#Thimble</a> and connected learning on a quiet Sat afternoon wp.me/p1WaNj-nf</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/ActivateLearn/status/333107965542400000" target="_self"><span class="timestamp">Fri, May 10 2013 23:35:02</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=333107965542400000&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=333107965542400000&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=333107965542400000&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://activatelearning.files.wordpress.com/2013/05/capture10.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-source s-wordpress"></div>
<div class="s-source s-wordpress"><a class="share" style="color:#333;text-decoration:none;" title="Share" href="#" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://activatelearning.files.wordpress.com" border="0" /></a></div>
</div>
<div class="s-attribution">
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://activatelearning.files.wordpress.com" target="_blank" rel="Wordpress">WordPress</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://activatelearning.files.wordpress.com/2013/05/capture10.jpg" target="_self"><span class="timestamp">Sat, May 11 2013 00:47:43</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/danimariek" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="danimariek" src="http://a0.twimg.com/profile_images/3369082622/423dc1181c77b57f31c4611c0c77d757_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/danimariek" target="_blank">Danielle Kocher</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/danimariek" target="_blank">@danimariek</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Why is learning a little code important? (#teachtheweb) | Doug Belshaw&#8217;s blog dougbelshaw.com/blog/2013/05/0… via <a style="color:#256bbe;text-decoration:none;" title="dajbelshaw on Twitter.com" href="http://twitter.com/dajbelshaw" target="_blank" rel="external">@dajbelshaw</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/danimariek/status/333004454615998464" target="_self"><span class="timestamp">Fri, May 10 2013 16:43:43</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=333004454615998464&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=333004454615998464&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=333004454615998464&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/martinlugton" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="martinlugton" src="http://a0.twimg.com/profile_images/2839375041/056864d1bdcd8b5eaf4acef34489a3a0_normal.png" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/martinlugton" target="_blank">Martin Lugton</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/martinlugton" target="_blank">@martinlugton</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Interesting that Mozilla&#8217;s <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> online course describes itself as an &#8216;open online collaboration&#8217; <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#moocmooc" target="_blank" rel="external">#moocmooc</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/martinlugton/status/332956910565326848" target="_self"><span class="timestamp">Fri, May 10 2013 13:34:48</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332956910565326848&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332956910565326848&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332956910565326848&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/poh" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="poh" src="http://a0.twimg.com/profile_images/1732029143/me_2012__small__normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/poh" target="_blank">Paul Oh</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/poh" target="_blank">@poh</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Love this <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> post from <a style="color:#256bbe;text-decoration:none;" title="wiobyrne on Twitter.com" href="http://twitter.com/wiobyrne" target="_blank" rel="external">@wiobyrne</a>: &#8220;Empowering Students in the Reader/Writer Nature of the Web&#8221; wiobyrne.com/empowering-stu… <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#nwp" target="_blank" rel="external">#nwp</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/poh/status/332953240251543553" target="_self"><span class="timestamp">Fri, May 10 2013 13:20:13</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332953240251543553&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332953240251543553&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332953240251543553&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img class="share" style="color:#333;text-decoration:none;" title="Share" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7332/8728290816_b67bc96229_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-attribution">
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8728290816" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/kimxtom" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="kimxtom" src="http://a0.twimg.com/profile_images/3086184478/cb056e63bc37e9d03f27553c11d48584_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/kimxtom" target="_blank">Kim Wilkens</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/kimxtom" target="_blank">@kimxtom</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Are you making these common JavaScript beginner mistakes? Nice resource from <a style="color:#256bbe;text-decoration:none;" title="skillcrush on Twitter.com" href="http://twitter.com/skillcrush" target="_blank" rel="external">@skillcrush</a>, bit.ly/16mjGTU <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/kimxtom/status/332890355445944321" target="_self"><span class="timestamp">Fri, May 10 2013 09:10:20</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332890355445944321&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332890355445944321&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332890355445944321&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/christybrenn" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="christybrenn" src="http://a0.twimg.com/profile_images/3213879368/f310a04787cf0acb80bc0b43cbf4793d_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/christybrenn" target="_blank">Christina Brennan</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/christybrenn" target="_blank">@christybrenn</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Playing with thimble So fun! Work in progress &#8212;&gt; thimble.webmaker.org/p/lbfh/ <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/christybrenn/status/332870048395964416" target="_self"><span class="timestamp">Fri, May 10 2013 07:49:38</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332870048395964416&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332870048395964416&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332870048395964416&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/planetmozilla" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="planetmozilla" src="http://a0.twimg.com/profile_images/1867600874/planet-claw_normal.png" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/planetmozilla" target="_blank">Planet Mozilla</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/planetmozilla" target="_blank">@planetmozilla</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Laura Hilliger: Planning, Running, Visualizing <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> bit.ly/179e27I</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/planetmozilla/status/332856093527113728" target="_self"><span class="timestamp">Fri, May 10 2013 06:54:11</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332856093527113728&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332856093527113728&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332856093527113728&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/epilepticrabbit" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="epilepticrabbit" src="http://a0.twimg.com/profile_images/1161722291/profilepic_normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/epilepticrabbit" target="_blank">Laura Hilliger</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/epilepticrabbit" target="_blank">@epilepticrabbit</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">OR skip reading &amp; just check out the info graphic &amp; data viz: Infographic infogr.am/teachtheweb-27… dataviz www-958.ibm.com/v/305612 <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/epilepticrabbit/status/332847042663706626" target="_self"><span class="timestamp">Fri, May 10 2013 06:18:13</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332847042663706626&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332847042663706626&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332847042663706626&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img class="share" style="color:#333;text-decoration:none;" title="Share" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7356/8728301786_67c5a3335c_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-attribution">
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8728301786" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/AzharFeder" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="AzharFeder" src="http://a0.twimg.com/profile_images/1734344436/hitman2_normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/AzharFeder" target="_blank">M Azharuddin Shaikh</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/AzharFeder" target="_blank">@AzharFeder</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Mother is beyond infinity. Happy Mother&#8217;s Day <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#momandme" target="_blank" rel="external">#momandme</a> <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#mothersday" target="_blank" rel="external">#mothersday</a> <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> thimble.webmaker.org/p/l7i5/</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/AzharFeder/status/332849687159787520" target="_self"><span class="timestamp">Fri, May 10 2013 06:28:44</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332849687159787520&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332849687159787520&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332849687159787520&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img class="share" style="color:#333;text-decoration:none;" title="Share" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7342/8727186063_bc6e03a7b4_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-attribution">
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8727186063" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/chadsansing" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="chadsansing" src="http://a0.twimg.com/profile_images/3286966591/9975bfcf76d91e05f6e641870f9f8c2e_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/chadsansing" target="_blank">Chad Sansing</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/chadsansing" target="_blank">@chadsansing</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"><a style="color:#256bbe;text-decoration:none;" title="thornet on Twitter.com" href="http://twitter.com/thornet" target="_blank" rel="external">@thornet</a> &amp; <a style="color:#256bbe;text-decoration:none;" title="dogtrax on Twitter.com" href="http://twitter.com/dogtrax" target="_blank" rel="external">@dogtrax</a>, i started thinking of how to use the <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#Firefox" target="_blank" rel="external">#Firefox</a> 3D-inspect-element-tip in the clssrm bit.ly/11XUg9c <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/chadsansing/status/332838768891535360" target="_self"><span class="timestamp">Fri, May 10 2013 05:45:21</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332838768891535360&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332838768891535360&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332838768891535360&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://classroots.org/wp-content/uploads/2013/05/Screen-shot-2013-05-10-at-6.40.39-AM.png&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="s-attribution">
<div class="s-source s-classroots"><a style="color:#333;text-decoration:none;" href="http://classroots.org" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://classroots.org" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://classroots.org" target="_blank" rel="Classroots">Classroots</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://classroots.org/wp-content/uploads/2013/05/Screen-shot-2013-05-10-at-6.40.39-AM.png" target="_self"><span class="timestamp">Sat, May 11 2013 01:05:10</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="http://iridescentlearning.blogspot.de/2013/05/the-problem-with-moocs-you-see-is-that.html" target="_blank">IRIDESCENT: The problem with MOOCs, you see, is that&#8230;</a></p>
<div class="s-link-desc" style="font-size:12px;">I don&#8217;t like them very much. It was Thursday morning, and the Mozilla Teachtheweb MOOC was about to kick off. I was languishing in a simp&#8230;</div>
<div class="s-attribution">
<div class="s-source s-blogspot"><a style="color:#333;text-decoration:none;" href="http://iridescentlearning.blogspot.de" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://iridescentlearning.blogspot.de" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.blogger.com/profile/13106087373402804783" target="_blank" rel="Kevin Miklasz">Kevin Miklasz</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/thefooshshow" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="thefooshshow" src="http://a0.twimg.com/profile_images/1487923405/avatar_normal.png" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/thefooshshow" target="_blank">Richard Fouchaux</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/thefooshshow" target="_blank">@thefooshshow</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Tweople everywhere: Are you “informer,” or “meformer?” bit.ly/133Nyh8 <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#edchat" target="_blank" rel="external">#edchat</a> <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#edtech" target="_blank" rel="external">#edtech</a> <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/thefooshshow/status/332837715273977858" target="_self"><span class="timestamp">Fri, May 10 2013 05:41:09</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332837715273977858&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332837715273977858&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332837715273977858&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://pbs.twimg.com/media/BJ5xPQ0CUAANMza.jpg" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<div class="s-author"><a class="s-author-twitter-name" style="color:#333;text-decoration:none;" href="http://twitter.com/chadsansing" target="_blank" rel="chadsansing">Chad Sansing</a><a class="s-author-twitter-handle" style="color:#333;text-decoration:none;" href="http://twitter.com/chadsansing" target="_blank" rel="chadsansing">@chadsansing</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/chadsansing/status/332827929488805888" target="_self"><span class="timestamp">Fri, May 10 2013 05:02:16</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332827929488805888&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332827929488805888&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332827929488805888&amp;related=storify">Favorite</a></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/WebMaps" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="WebMaps" src="http://a0.twimg.com/profile_images/768921305/mapsBrain_normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/WebMaps" target="_blank">Christine Bush</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/WebMaps" target="_blank">@WebMaps</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Here is a much more relevant discussion than the Dave Cormier video posted on <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> &#8220;About&#8221; page: youtube.com/watch?v=rqL_ls… <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/WebMaps/status/332582016199581697" target="_self"><span class="timestamp">Thu, May 09 2013 12:45:06</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332582016199581697&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332582016199581697&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332582016199581697&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/thornet" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="thornet" src="http://a0.twimg.com/profile_images/1187124890/devil_inside_normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/thornet" target="_blank">Michelle Thorne</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/thornet" target="_blank">@thornet</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"><a style="color:#256bbe;text-decoration:none;" title="WebMaps on Twitter.com" href="http://twitter.com/WebMaps" target="_blank" rel="external">@WebMaps</a> I do prefer that video too. Better on learning motivations spirit of <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> than just the animation. Thx for sharing!</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/thornet/status/332822165445566464" target="_self"><span class="timestamp">Fri, May 10 2013 04:39:22</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332822165445566464&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332822165445566464&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332822165445566464&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-video s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-video-shim" style="position:relative;padding-bottom:56.25%;"></div>
<div class="s-video-info" style="padding:5px;">
<div class="s-video-title" style="font-size:13px;color:#666;padding-top:5px;">George Siemens &#8211; Connectivism: Socializing Open Learning</div>
<div class="s-attribution">
<div class="s-source s-youtube"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://youtube.com/uoc" target="_blank" rel="uoc">uoc</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://youtube.com/watch?v=rqL_lsogeNU" target="_self"><span class="timestamp">Tue, Jun 15 2010 01:33:41</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="https://thimble.webmaker.org/p/lbhc/" target="_blank">Using CSS box-shadows instead of nested-borders</a></p>
<div class="s-attribution">
<div class="s-source s-webmaker"><a style="color:#333;text-decoration:none;" href="https://thimble.webmaker.org" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/https://thimble.webmaker.org" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="https://thimble.webmaker.org" target="_blank" rel="Webmaker">Webmaker</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7302/8736302042_77d19ee63c_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="s-attribution">
<div class="s-source s-flickr"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8736302042" target="_self"><span class="timestamp">Sun, May 12 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/jeannieccrowley" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="jeannieccrowley" src="http://a0.twimg.com/profile_images/2628916948/ba4cf90a720537dcc68c8cf0da19061c_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/jeannieccrowley" target="_blank">Jeannie Crowley</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/jeannieccrowley" target="_blank">@jeannieccrowley</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Week 2 <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a>, remixed ART with EAT <a style="color:#256bbe;text-decoration:none;" title="kat_braybrooke on Twitter.com" href="http://twitter.com/kat_braybrooke" target="_blank" rel="external">@kat_braybrooke</a>. Remixing makes me think of mixing, which makes me hungry.popcorn.webmadecontent.org/111d</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/jeannieccrowley/status/332595706332323842" target="_self"><span class="timestamp">Thu, May 09 2013 13:39:30</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332595706332323842&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332595706332323842&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332595706332323842&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/kat_braybrooke" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="kat_braybrooke" src="http://a0.twimg.com/profile_images/3631242278/ec68671a93e0f7de9f69dce2d203aa02_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/kat_braybrooke" target="_blank">Kat Braybrooke</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/kat_braybrooke" target="_blank">@kat_braybrooke</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"><a style="color:#256bbe;text-decoration:none;" title="jeannieccrowley on Twitter.com" href="http://twitter.com/jeannieccrowley" target="_blank" rel="external">@jeannieccrowley</a> WHOA. by far the artiest <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> remix i&#8217;ve seen &#8211; so cool! share on <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#makesmiths" target="_blank" rel="external">#makesmiths</a> g for us? bit.ly/13J9VLB</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/kat_braybrooke/status/332804475452526592" target="_self"><span class="timestamp">Fri, May 10 2013 03:29:04</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332804475452526592&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332804475452526592&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332804475452526592&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><img class="s-link-thumbnail" style="display:block;float:left;max-width:96px;max-height:96px;margin:0 10px 5px 0;padding:1px;border:1px solid #ddd;" alt="" src="https://popcorn.webmaker.org/resources/icons/fb-logo.png" /><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="http://popcorn.webmadecontent.org/111d" target="_blank">Remix of ART | EAT</a></p>
<div class="s-link-desc" style="font-size:12px;">Created with Popcorn Maker &#8211; part of the Mozilla Webmaker initiative</div>
<div class="actions">
<div class="buttons"><a class="share" style="color:#333;text-decoration:none;" title="Share" href="#">Share</a></div>
<div class="s-share-dropdown">
<ul class="s-actions-share">
<li class="s-share-facebook"><a style="color:#333;text-decoration:none;" href="#" rel="facebook">Share on Facebook</a></li>
<li class="s-share-twitter"><a style="color:#333;text-decoration:none;" href="#" rel="twitter">Share on Twitter</a></li>
<li class="s-share-googleplus"><a style="color:#333;text-decoration:none;" href="#" rel="googleplus">Share on Google </a></li>
<li class="s-share-linkedin"><a style="color:#333;text-decoration:none;" href="#" rel="linkedin">Share on Linkedin</a></li>
<li class="s-share-email"><a style="color:#333;text-decoration:none;" href="#" rel="email">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-webmadecontent"><a style="color:#333;text-decoration:none;" href="http://popcorn.webmadecontent.org" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://popcorn.webmadecontent.org" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://popcorn.webmadecontent.org" target="_blank" rel="Webmadecontent">Webmadecontent</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7433/8727193575_c66774f876_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="s-attribution">
<div class="s-source s-flickr"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8727193575" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><img class="s-link-thumbnail" style="display:block;float:left;max-width:96px;max-height:96px;margin:0 10px 5px 0;padding:1px;border:1px solid #ddd;" alt="" src="https://popcorn.webmaker.org/resources/icons/fb-logo.png" /><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="http://popcorn.webmadecontent.org/xv8" target="_blank">ART | INSPIRATIONS</a></p>
<div class="s-link-desc" style="font-size:12px;">Short mosaic of images, gifs and themes I&#8217;ve found inspiring in some of my latest designs.</div>
<div class="s-attribution">
<div class="s-source s-webmadecontent"><a style="color:#333;text-decoration:none;" href="http://popcorn.webmadecontent.org" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://popcorn.webmadecontent.org" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://popcorn.webmadecontent.org" target="_blank" rel="Webmadecontent">Webmadecontent</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7367/8728316210_82956f84f2_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-attribution">
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8728316210" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/coffeechugbooks" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="coffeechugbooks" src="http://a0.twimg.com/profile_images/3520071393/c20cb232f6600efc4df8d32f98ce2a8f_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/coffeechugbooks" target="_blank">Aaron Maurer</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/coffeechugbooks" target="_blank">@coffeechugbooks</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Coffee for the Brain: Mozilla <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> Course and Coffeechug Journey&#8230; coffeeforthebrain.blogspot.com/2013/05/mozill…</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/coffeechugbooks/status/332798717541363712" target="_self"><span class="timestamp">Fri, May 10 2013 03:06:12</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332798717541363712&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332798717541363712&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332798717541363712&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7303/8727223335_a77e50cd1f_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="s-attribution">
<div class="s-source s-flickr"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8727223335" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><img class="s-link-thumbnail" style="display:block;float:left;max-width:96px;max-height:96px;margin:0 10px 5px 0;padding:1px;border:1px solid #ddd;" alt="" src="https://popcorn.webmaker.org/resources/icons/fb-logo.png" /><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="http://popcorn.webmadecontent.org/10xh" target="_blank">Remix of Remix of Remix of Re&#8230;</a></p>
<div class="s-link-desc" style="font-size:12px;">Created with Popcorn Maker &#8211; part of the Mozilla Webmaker initiative</div>
<div class="s-attribution">
<div class="s-source s-webmadecontent"><a style="color:#333;text-decoration:none;" href="http://popcorn.webmadecontent.org" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://popcorn.webmadecontent.org" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://popcorn.webmadecontent.org" target="_blank" rel="Webmadecontent">Webmadecontent</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/Brendalisms" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="Brendalisms" src="http://a0.twimg.com/profile_images/1660251261/cloud_normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/Brendalisms" target="_blank">Brenda Petays</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/Brendalisms" target="_blank">@Brendalisms</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"><a style="color:#256bbe;text-decoration:none;" title="sunnydeveloper on Twitter.com" href="http://twitter.com/sunnydeveloper" target="_blank" rel="external">@sunnydeveloper</a> I finished my remix of Molly&#8217;s original <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#popcorn" target="_blank" rel="external">#popcorn</a> video <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> Molly&#8217;s an inspiring teacher popcorn.webmadecontent.org/10y4</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/Brendalisms/status/332587529511530496" target="_self"><span class="timestamp">Thu, May 09 2013 13:07:00</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332587529511530496&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332587529511530496&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332587529511530496&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/sunnydeveloper" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="sunnydeveloper" src="http://a0.twimg.com/profile_images/2729703766/09b21aeb9ae0f92f2deb5e2af8792893_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/sunnydeveloper" target="_blank">Emma Irwin</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/sunnydeveloper" target="_blank">@sunnydeveloper</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"><a style="color:#256bbe;text-decoration:none;" title="Brendalisms on Twitter.com" href="http://twitter.com/Brendalisms" target="_blank" rel="external">@Brendalisms</a> awesome <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> remix Dude <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  &#8211; I&#8217;ll show Molly your remix when she&#8217;s home from school <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/sunnydeveloper/status/332610068006715395" target="_self"><span class="timestamp">Thu, May 09 2013 14:36:34</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332610068006715395&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332610068006715395&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332610068006715395&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/sunnydeveloper" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="sunnydeveloper" src="http://a0.twimg.com/profile_images/2729703766/09b21aeb9ae0f92f2deb5e2af8792893_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/sunnydeveloper" target="_blank">Emma Irwin</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/sunnydeveloper" target="_blank">@sunnydeveloper</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Love! MRT <a style="color:#256bbe;text-decoration:none;" title="Brendalisms on Twitter.com" href="http://twitter.com/Brendalisms" target="_blank" rel="external">@Brendalisms</a> my remix of Molly&#8217;s video <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> Molly&#8217;s an inspiring teacher popcorn.webmadecontent.org/10y4 cc/@remixmanifesto</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/sunnydeveloper/status/332609335555395584" target="_self"><span class="timestamp">Thu, May 09 2013 14:33:39</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332609335555395584&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332609335555395584&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332609335555395584&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7415/8727202537_91e05bacc9_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="s-attribution">
<div class="s-source s-flickr"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8727202537" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/karenatsharon" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="karenatsharon" src="http://a0.twimg.com/profile_images/3084423894/b0d4c97196fa5e0adb6297862c37658b_normal.png" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/karenatsharon" target="_blank">Karen Young</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/karenatsharon" target="_blank">@karenatsharon</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">Introduction: Teach the Web bit.ly/11WjTXN <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a>. I am a Rainbow! And I mix colours! Thanks <a style="color:#256bbe;text-decoration:none;" title="mpowers3 on Twitter.com" href="http://twitter.com/mpowers3" target="_blank" rel="external">@mpowers3</a> you&#8217;re awesome!</div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/karenatsharon/status/332592704611557378" target="_self"><span class="timestamp">Thu, May 09 2013 13:27:34</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332592704611557378&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332592704611557378&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332592704611557378&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/MozTeach" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="MozTeach" src="http://a0.twimg.com/profile_images/3462947667/5e6f8ba8d668014e4a679d38f72f39f2_normal.jpeg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/MozTeach" target="_blank">Webmaker Mentors</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/MozTeach" target="_blank">@MozTeach</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;">ICYMI: Archive of Week 2 <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a> chat on <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#connectedlearning" target="_blank" rel="external">#connectedlearning</a> is here: sfy.co/aIbc Also here: ow.ly/kSscL <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#storify" target="_blank" rel="external">#storify</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/MozTeach/status/332578753228193792" target="_self"><span class="timestamp">Thu, May 09 2013 12:32:08</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332578753228193792&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332578753228193792&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332578753228193792&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-quote s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-quote-content">
<div class="s-quote-avatar-author s-quote-avatar-twitter" style="zoom:1;margin:0 10px 10px 0;">
<p><a class="s-quote-avatar" style="color:#333;text-decoration:none;display:block;float:left;width:32px;height:32px;margin-right:10px;" href="http://twitter.com/jhumke" target="_blank"><img style="display:inline-block;width:32px;height:32px;" alt="jhumke" src="http://a0.twimg.com/profile_images/70219432/JEN_HUMKE_normal.jpg" /></a></p>
<div class="s-quote-author" style="float:left;"><a class="s-quote-author-name" style="color:#256bbe;text-decoration:none;display:block;font-size:14px;line-height:18px;" href="http://twitter.com/jhumke" target="_blank">jhumke</a><a class="s-quote-author-username" style="color:#999;text-decoration:none;display:block;font-size:12px;line-height:14px;" href="http://twitter.com/jhumke" target="_blank">@jhumke</a></div>
</div>
<div class="s-quote-text" style="line-height:1.5em;font-family:'Georgia', serif;font-size:16px;"><a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#connectedlearning" target="_blank" rel="external">#connectedlearning</a> is about making learning relevant, building on your passions, connecting u to resources <a style="color:#256bbe;text-decoration:none;" title="Search for this hashtag on Twitter.com" href="http://twitter.com/search?q=#teachtheweb" target="_blank" rel="external">#teachtheweb</a></div>
</div>
<div class="actions"></div>
<div class="s-attribution">
<div class="s-source s-twitter"></div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://twitter.com/jhumke/status/332572127972691971" target="_self"><span class="timestamp">Thu, May 09 2013 12:05:48</span></a></p>
<div class="s-element-actions" style="float:left;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-o-transition:.1s opacity;-ms-transition:.1s opacity;transition:.1s opacity;line-height:16px;"><a class="twitter-newwindow twitter-reply" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -1px;margin-left:10px;" title="Reply" href="http://twitter.com/intent/tweet?in_reply_to=332572127972691971&amp;related=storify">Reply</a><a class="twitter-newwindow twitter-retweet" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -82px;" title="Retweet" href="http://twitter.com/intent/retweet?tweet_id=332572127972691971&amp;related=storify">Retweet</a><a class="twitter-newwindow twitter-favorite" style="color:#333;display:block;float:left;line-height:16px;padding:0 0 0 18px;background:url('//storify.com/public/img/twitter-actions.png') no-repeat;margin:2px 8px 2px 0;text-decoration:none;background-position:0 -33px;" title="Favorite" href="http://twitter.com/intent/favorite?tweet_id=332572127972691971&amp;related=storify">Favorite</a></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-video s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-video-shim" style="position:relative;padding-bottom:56.25%;"></div>
<div class="s-video-info" style="padding:5px;">
<div class="s-video-title" style="font-size:13px;color:#666;padding-top:5px;">Making a Popcorn Video</div>
<div class="s-attribution">
<div class="s-source s-youtube"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://youtube.com/dogtrax" target="_blank" rel="dogtrax">dogtrax</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://youtube.com/watch?v=9AtBWZY8Bb4" target="_self"><span class="timestamp">Sun, May 12 2013 03:46:26</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:none;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:0;-webkit-box-shadow:none;box-shadow:none;background:#fff;">
<div class="s-element-content s-text linkify" style="overflow:hidden;font-size:15px;color:#333;position:relative;padding:10px;background:#fff;-webkit-border-radius:0!important;border-radius:0!important;text-align:left;line-height:1.6em;border-color:transparent;max-width:none;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;border:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;">..and #teachtheweb wouldn&#8217;t be a real summer blockbuster without a couple of superheroes <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img class="share" style="color:#333;text-decoration:none;" title="Share" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7322/8727208449_a29be8a942_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="actions">
<div class="s-attribution">
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8727208449" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-element-content s-image" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:5px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<div class="s-image-content" style="display:block;position:relative;text-align:center;max-width:100%;background:#000;text-decoration:none;"><img style="display:block;max-height:500px;max-width:100%;margin:0 auto;" alt="" src="//proxy.storify.com/?url=http://farm8.static.flickr.com/7421/8728326774_cbfc981386_z.jpg&amp;resize=1&amp;w=490" /></div>
<div class="s-image-info" style="padding:5px;">
<div class="s-attribution">
<div class="s-source s-flickr"></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00" target="_blank" rel="jukesie">jukesie</a></div>
<div class="dot">·</div>
<p><a class="s-posted" style="color:#333;text-decoration:none;" href="http://www.flickr.com/photos/27575742@N00/8728326774" target="_self"><span class="timestamp">Fri, May 10 2013 17:00:00</span></a></p>
<div class="s-clear"></div>
</div>
</div>
</div>
<div class="s-clear"></div>
</div>
<div class="s-element-container" style="max-width:500px;margin:0 auto;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;border:1px solid #e7e7e7;-webkit-box-shadow:0 0 2px #e7e7e7;box-shadow:0 0 2px #e7e7e7;background:#fff;">
<div class="s-link s-element-content" style="overflow:hidden;font-size:14px;color:#333;position:relative;padding:10px 10px 8px;background:#fff;-webkit-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;text-align:left;">
<p><img class="s-link-thumbnail" style="display:block;float:left;max-width:96px;max-height:96px;margin:0 10px 5px 0;padding:1px;border:1px solid #ddd;" alt="" src="http://i0.wp.com/kavubob.files.wordpress.com/2013/05/juksie.png?fit=440,330" /><a class="s-link-a" style="color:#0074b7;text-decoration:none;display:block;font-family:'Museo Sans', 'Helvetica Neue', sans-serif;font-weight:bold;font-size:14px;line-height:1.4em;margin-bottom:5px;" href="http://kavubob.wordpress.com/2013/05/07/quick-note-on-webmaker-and-teachtheweb/" target="_blank">Quick note on Webmaker and #teachtheweb</a></p>
<div class="s-link-desc" style="font-size:12px;">
<ol>
<li>Exploring the Mozilla mooc #teachtheweb and plotting revenge I had a lot of fun exploring thimble and popcorn for week 1 and creating a q&#8230;</li>
</ol>
</div>
<div class="s-attribution">
<div class="s-source s-kavubob's miscellanea"><a style="color:#333;text-decoration:none;" href="http://kavubob.wordpress.com" target="_blank"><img style="max-width:16px;" alt="" src="//proxy.storify.com/?url=http://g.etfv.co/http://kavubob.wordpress.com" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" style="color:#333;text-decoration:none;" href="http://kavubob.wordpress.com/author/kavubob/" target="_blank" rel="John Robertson">John Robertson</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
<p><a class="logo" href="//storify.com?utm_source=embed_footer&amp;utm_campaign=embed-footer" target="_blank"><em>storify.com</em></a></p>
<h3>Related stories</h3>
</div>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1632/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1632/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1632&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/13/week-two-webmakerwins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://johnjohnston.info/blog/images/2013-05/2013-05-08_chad_final.jpg" medium="image" />

		<media:content url="http://a0.twimg.com/profile_images/2628916948/ba4cf90a720537dcc68c8cf0da19061c_normal.jpeg" medium="image">
			<media:title type="html">jeannieccrowley</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/2768345087/f7e905239ed7082ec99a7d01318dcbe4_normal.jpeg" medium="image">
			<media:title type="html">ActivateLearn</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3369082622/423dc1181c77b57f31c4611c0c77d757_normal.jpeg" medium="image">
			<media:title type="html">danimariek</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/2839375041/056864d1bdcd8b5eaf4acef34489a3a0_normal.png" medium="image">
			<media:title type="html">martinlugton</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/1732029143/me_2012__small__normal.jpg" medium="image">
			<media:title type="html">poh</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3086184478/cb056e63bc37e9d03f27553c11d48584_normal.jpeg" medium="image">
			<media:title type="html">kimxtom</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3213879368/f310a04787cf0acb80bc0b43cbf4793d_normal.jpeg" medium="image">
			<media:title type="html">christybrenn</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/1867600874/planet-claw_normal.png" medium="image">
			<media:title type="html">planetmozilla</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/1161722291/profilepic_normal.jpg" medium="image">
			<media:title type="html">epilepticrabbit</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/1734344436/hitman2_normal.jpg" medium="image">
			<media:title type="html">AzharFeder</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3286966591/9975bfcf76d91e05f6e641870f9f8c2e_normal.jpeg" medium="image">
			<media:title type="html">chadsansing</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/1487923405/avatar_normal.png" medium="image">
			<media:title type="html">thefooshshow</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/768921305/mapsBrain_normal.jpg" medium="image">
			<media:title type="html">WebMaps</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/1187124890/devil_inside_normal.jpg" medium="image">
			<media:title type="html">thornet</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/2628916948/ba4cf90a720537dcc68c8cf0da19061c_normal.jpeg" medium="image">
			<media:title type="html">jeannieccrowley</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3631242278/ec68671a93e0f7de9f69dce2d203aa02_normal.jpeg" medium="image">
			<media:title type="html">kat_braybrooke</media:title>
		</media:content>

		<media:content url="https://popcorn.webmaker.org/resources/icons/fb-logo.png" medium="image" />

		<media:content url="https://popcorn.webmaker.org/resources/icons/fb-logo.png" medium="image" />

		<media:content url="http://a0.twimg.com/profile_images/3520071393/c20cb232f6600efc4df8d32f98ce2a8f_normal.jpeg" medium="image">
			<media:title type="html">coffeechugbooks</media:title>
		</media:content>

		<media:content url="https://popcorn.webmaker.org/resources/icons/fb-logo.png" medium="image" />

		<media:content url="http://a0.twimg.com/profile_images/1660251261/cloud_normal.jpg" medium="image">
			<media:title type="html">Brendalisms</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/2729703766/09b21aeb9ae0f92f2deb5e2af8792893_normal.jpeg" medium="image">
			<media:title type="html">sunnydeveloper</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/2729703766/09b21aeb9ae0f92f2deb5e2af8792893_normal.jpeg" medium="image">
			<media:title type="html">sunnydeveloper</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3084423894/b0d4c97196fa5e0adb6297862c37658b_normal.png" medium="image">
			<media:title type="html">karenatsharon</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/3462947667/5e6f8ba8d668014e4a679d38f72f39f2_normal.jpeg" medium="image">
			<media:title type="html">MozTeach</media:title>
		</media:content>

		<media:content url="http://a0.twimg.com/profile_images/70219432/JEN_HUMKE_normal.jpg" medium="image">
			<media:title type="html">jhumke</media:title>
		</media:content>

		<media:content url="http://i0.wp.com/kavubob.files.wordpress.com/2013/05/juksie.png?fit=440,330" medium="image" />
	</item>
		<item>
		<title>52: Week Two</title>
		<link>http://digitalbydefault.com/2013/05/10/52-week-two/</link>
		<comments>http://digitalbydefault.com/2013/05/10/52-week-two/#comments</comments>
		<pubDate>Fri, 10 May 2013 18:19:04 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[weeknote]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1628</guid>
		<description><![CDATA[So to coin a phrase &#8216;that was the week that was&#8217;. Week two had the distinct benefit of being a little shorter due to a much needed and unusually lovely Bank Holiday. Tuesday I was back to sunny Titchfield. It is a train journey that takes you (slowly) through some truly stunning bits of the [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1628&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p style="text-align:center;"><img class="aligncenter size-full wp-image-1629" alt="Screenshot_10_05_2013_18_31" src="http://backpass.files.wordpress.com/2013/05/screenshot_10_05_2013_18_31.png?w=604"   /></p>
<p style="text-align:left;">So to coin a phrase &#8216;that was the week that was&#8217;.</p>
<p style="text-align:left;">Week two had the distinct benefit of being a little shorter due to a much needed and unusually lovely Bank Holiday.</p>
<p style="text-align:left;">Tuesday I was back to sunny Titchfield. It is a train journey that takes you (slowly) through some truly stunning bits of the country. It was another day of back to back meetings with lunch an after thought <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align:left;">We had some very interesting discussions about taxonomies (I know &#8211; is that really possible!), the information architecture of the site and some potential UX elements. I also chipped in to the debate around responsive design that has been going on for a while I think. The morning had quite an &#8216;agile&#8217; feel with plenty of show and tell amongst the discussions and I felt I learned alot and was also able to start contributing.</p>
<p style="text-align:left;">There was also some discussion about site search and the benefits of Solr. This took me down a bit of a rabbit hole Tuesday evening as I re-acquainted myself with the ins and outs of Lucene based search (well as much as my little, non dev head could cope with).</p>
<p style="text-align:left;">Later on we had a fascinating conversation with some external folk from Make Sense who amongst other things introduced me to the <a href="http://misoproject.com/">Miso Project </a>and <a href="http://datawrapper.de/">Datawrapper </a>- both of which are now high on my learning list.</p>
<p style="text-align:left;">Wednesday we met up with <a href="https://twitter.com/neillyneil">Neil Williams</a>, Product Manager supremo for the <a href="https://www.gov.uk/government">Inside Gov</a> stuff over at GDS. Neil had one of the all time worst First Great Western experiences getting out to Newport (and back!) so it is safe to say next time we&#8217;ll be going to him <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align:left;">The conversation was the start of what is likely to be a longer dialogue about how best to display Government funded statistics online when for the ONS in particular the need to be clearly independent of the Government of the day is fundamental to the organisation. It is a knotty issue that will require technical, design and policy thinking to align but I think it has the potential to be a genuinely useful piece of work.</p>
<p style="text-align:left;">One of the primary objectives of my role is this idea of developing &#8216;digital products&#8217; that will improve the experience for the citizen user.  What I discovered Wednesday afternoon is that just about every product that has a multimedia dimension (video, screencasts, audio, slidecasts, animations&#8230;) is called a &#8216;podcast&#8217; here. Was more than a little confusing for a bit! I am lucky to have a really enthusiastic team with a mix of editorial and CMS skills (with a sprinkling of A/V technical know-how that will grow) and alot of people in the organisation keen to try out new channels. The challenge now is to identify formats that work for the topic and can be sustained at a high standard going forward to ensure we live up to user expectations.</p>
<p style="text-align:left;">I spent some time with the guy who heads up our social media team (I know &#8211; a team!) and am getting a good feel for the kind of opportunities we have in that space. Thanks to <a href="http://annkempster.com/about/">Anne </a>at GCN I also kicked off the process to get the Twitter account verified and also got permission to start a team blog &#8211; taking our lead from the GDS and MoJ blogs in particular (and not forgetting my friends at BIS, DH and Jisc). I&#8217;m going to take the GDS route to getting it launched in particular and just use a WordPress.com site and pay the $99 to map our domain, get rid of the ads and tweak the CSS to get it on brand.</p>
<p style="text-align:left;">A major move to using Agile is underway in the organisation at the moment and I attended a meeting about that and was pleased to be invited on to a working group to help with that going forward. My preference for Agile is pretty well documented and it is already well established in my area which is hugely pleasing.</p>
<p style="text-align:left;">Today (Friday) I had a bit of breathing space and spent it following up on the various actions I noted down for myself over the previous nine days, properly digesting the business case for the programme I am working on and trying to consolidate and synthesize seven years worth of persona work. Felt good to actually get some stuff done. That said I have a terrifying to-do list for next week and have brought work home with me for this weekend so the bad habits are starting early!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1628/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1628/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1628&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/10/52-week-two/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://backpass.files.wordpress.com/2013/05/screenshot_10_05_2013_18_31.png" medium="image">
			<media:title type="html">Screenshot_10_05_2013_18_31</media:title>
		</media:content>
	</item>
		<item>
		<title>Mozilla MOOC</title>
		<link>http://digitalbydefault.com/2013/05/06/mozilla-mooc/</link>
		<comments>http://digitalbydefault.com/2013/05/06/mozilla-mooc/#comments</comments>
		<pubDate>Mon, 06 May 2013 10:50:59 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1623</guid>
		<description><![CDATA[I have been studiously avoiding MOOCs since the hype kicked in but am going to give the Mozilla #teachtheweb course a go and see if I can carve out a bit of time to get my practical web skills up to something less humiliating! You can learn about the course on the HiveNYC site or [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1623&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>I have been studiously avoiding MOOCs since the hype kicked in but am going to give the Mozilla #teachtheweb course a go and see if I can carve out a bit of time to get my practical web skills up to something less humiliating! You can learn about the course on the <a href="http://hivenyc.org/teachtheweb/">HiveNYC</a> site or check out the <a href="https://plus.google.com/u/0/communities/106022863174952221205">G+ community</a>. Here is my first &#8216;assignment&#8217; &#8211; a quick <a href="https://thimble.webmaker.org/en-US/">Thimble</a> powered <a href="https://thimble.webmaker.org/p/lrax/">profile page</a>.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1623/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1623/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1623&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/06/mozilla-mooc/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>
	</item>
		<item>
		<title>52: Week One</title>
		<link>http://digitalbydefault.com/2013/05/04/52-week-one/</link>
		<comments>http://digitalbydefault.com/2013/05/04/52-week-one/#comments</comments>
		<pubDate>Sat, 04 May 2013 09:18:12 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[weeknote]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1619</guid>
		<description><![CDATA[I&#8217;m giving week notes another go as a way of trying to kickstart  my blogging mojo and thought this time I&#8217;d go with a bit of a comic book theme to brighten things up (learn about DC 52 here..) This week I started my new job at the ONS. At the moment there is some [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1619&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1620" alt="Screenshot_04_05_2013_09_43" src="http://backpass.files.wordpress.com/2013/05/screenshot_04_05_2013_09_43.png?w=604"   /></p>
<p>I&#8217;m giving week notes another go as a way of trying to kickstart  my blogging mojo and thought this time I&#8217;d go with a bit of a comic book theme to brighten things up (learn about <a href="https://en.wikipedia.org/wiki/52_%28comics%29">DC 52 </a>here..)</p>
<p>This week I started my new job at the ONS. At the moment there is some slight confusion about what my job title is but it seems to start with &#8216;Head of..&#8217; and then be a pick and mix from Rich, Digital, Content and Media <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I am responsible for the social media, analytics, design and web editorial teams and am operating as part of a major change programme. It is all very exciting with all sorts of opportunities but it is clearly a challenging environment with some unique constraints around publishing and security that effect everything on the digital side.</p>
<p>A lot of the topics for discussion so far have been very familiar (social media policies, podcasts, video, blogging, accessibility, CMS improvements…) but a major strand around visualising data (rather than Data Visualisation which is a respected department in its own right) is something I need a more in-depth understanding of so I am reading &#8216;<a href="http://www.guardianbookshop.co.uk/BerteShopWeb/viewProduct.do?ISBN=9780571301614&amp;INTCMP=mic_929">Facts are Sacred</a>&#8216; by <a href="http://simonrogers.net/">Simon Rogers</a>, late of the Guardian, on my commute and have the &#8216;<a href="http://datajournalismhandbook.org/">Digital Journalism Handbook</a>&#8216; waiting on my Kindle (funnily enough I was a Mozilla volunteer at the event that spawned that book and watched it unfold a little!). I have also signed up for &#8216;<a href="http://www.guardian.co.uk/guardian-masterclasses/digital-courses1">An introduction to visualising data</a>&#8216; which is a Guardian &#8216;masterclass&#8217; on my own dime and am hoping to learn a little at <a href="http://www.opentech.org.uk/2013/">OpenTech</a> in 2 weeks.</p>
<p>The team have been great so far &#8211; I am very much the new boy &#8211; a lot of people I am working with have been at the ONS a long time and have an incredible depth of knowledge about how the organisation ticks but they have all been lovely so far and made  it easy to settle. The tendency for meetings to be booked in over lunch and people starting at dawn (well 7!) is going to take some getting used to though.</p>
<p>The team I am a part of is once again split over two sites but this time instead of the commuter train to London I catch the little chugger down to Fareham once a week. Prettier journey and less commuter angst seems like a positive so far. My daily commute to Newport has also turned out to be much easier than I was expecting (and even cheaper).</p>
<p>All in all it was a good, if intense, first week. I&#8217;m not sorry that this is a long weekend thats for sure <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1619/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1619/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1619&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/05/04/52-week-one/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://backpass.files.wordpress.com/2013/05/screenshot_04_05_2013_09_43.png" medium="image">
			<media:title type="html">Screenshot_04_05_2013_09_43</media:title>
		</media:content>
	</item>
		<item>
		<title>Hawaii stynamic</title>
		<link>http://digitalbydefault.com/2013/04/30/hawaii-stynamic/</link>
		<comments>http://digitalbydefault.com/2013/04/30/hawaii-stynamic/#comments</comments>
		<pubDate>Tue, 30 Apr 2013 19:51:18 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[thoughts]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1617</guid>
		<description><![CDATA[The new Hawaii.gov website looks amazing but it is under the hood where it is really impressive &#8211; not a dissimilar approach to GDS.  It is becoming clear that this kind of in-house development based on a suite of standardised open source tools rather than a big CMS is growing in popularity and certainly seems [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1617&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>The new Hawaii.gov website looks amazing but it is <a href="http://portal.ehawaii.gov/page/developers/">under the hood </a>where it is <a href="http://portal.ehawaii.gov/page/developers/">really impressive</a> &#8211; not a dissimilar approach to GDS.  It is becoming clear that this kind of in-house development based on a suite of standardised open source tools rather than a big CMS is growing in popularity and certainly seems to be delivering!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1617/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1617/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1617&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/04/30/hawaii-stynamic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>
	</item>
		<item>
		<title>Hello Goodbye</title>
		<link>http://digitalbydefault.com/2013/04/27/hello-goodbye/</link>
		<comments>http://digitalbydefault.com/2013/04/27/hello-goodbye/#comments</comments>
		<pubDate>Sat, 27 Apr 2013 12:25:28 +0000</pubDate>
		<dc:creator>Jukesie</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalbydefault.com/?p=1608</guid>
		<description><![CDATA[On Thursday I said farewell to my friends and colleagues at the Research Council and Monday I start my new role in Newport with the ONS. I was sad to leave Swindon in the end &#8211; an element of this is probably &#8216;graduation goggles&#8216; but a bigger part is I was lucky enough to work [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1608&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><a href="http://backpass.files.wordpress.com/2013/04/screenshot_27_04_2013_13_21-2.png"><img class=" wp-image alignnone" id="i-1610" alt="Image" src="http://backpass.files.wordpress.com/2013/04/screenshot_27_04_2013_13_21-2.png?w=561&#038;h=278" width="561" height="278" /></a></p>
<p>On Thursday I said farewell to my friends and colleagues at the Research Council and Monday I start my new role in Newport with the ONS.</p>
<p>I was sad to leave Swindon in the end &#8211; an element of this is probably &#8216;<a href="http://www.urbandictionary.com/define.php?term=graduation%20goggles">graduation goggles</a>&#8216; but a bigger part is I was lucky enough to work with some genuinely lovely, talented and hard working people.</p>
<p>I stayed in the role 30 months &#8211; which I know doesn&#8217;t sound like much to most people but to me was virtually unheard of. The first year plus it was a dream job in many respects but unfortunately a combination of my taking on too much (and not delegating enough) and a particularly dysfunctional project I was drawn in to made the latter half of 2012 especially difficult and left me a bit broken by the Christmas period.</p>
<p>I won&#8217;t dwell on that though. When I started the organisation was still a little bit uncomfortable with embracing digital and in my own little way I like to think I have helped changed that over those two and a bit years.</p>
<p>The success of the <a href="http://www.insight.mrc.ac.uk">blog</a>, the <a href="http://www.centenary.mrc.ac.uk">Centenary website</a> and the upcoming citizen science projects that will spin out of that, the experiments with the Annual Reviews &#8211; 1st with an early <a href="http://perspectives.mrc.ac.uk">responsive site</a> built in Ruby and then <a href="http://digitalbydefault.com/2012/10/03/ebook-experimentation/">publishing ebooks</a> for both Apple and Kindle, starting to take Twitter and Facebook more seriously as genuine channels, working with Wikimedia (which is continuing being led from outside the digital team), the use of WordPress and open source throughout the wider organisation (including for commentable documents and intranets) and the increased acknowledgement of the importance of analytics and data for decision making are all things I am proud of even if sometimes my involvement was peripheral.</p>
<p>My failure to deliver a new CMS and corporate website in that time however is beyond disappointing and will haunt me for a while I fear.</p>
<p>I&#8217;m confident the future of digital there is in safe hands though and just like I still do with Jisc I&#8217;ll continue to watch with interest in the months and years to come.</p>
<p>So Monday. I am excited and unusually nervous about this new role. It is a bigger role at a bigger organisation and while I&#8217;m pretty confident in my own abilities it is still quite daunting. Ever since I was offered the job I notice the ONS mentioned on every TV news story and in every newspaper &#8211; every. single. day.</p>
<p>It is undoubtably a wonderful opportunity though and after a long notice period I cannot wait to get started. Hopefully I will also return to regular blogging here as well now.<br /> </p>
<p></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/backpass.wordpress.com/1608/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/backpass.wordpress.com/1608/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=digitalbydefault.com&#038;blog=2897430&#038;post=1608&#038;subd=backpass&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://digitalbydefault.com/2013/04/27/hello-goodbye/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e6968532ebe51ca317a4074869ebd2a8?s=96&#38;d=retro" medium="image">
			<media:title type="html">Matt</media:title>
		</media:content>

		<media:content url="http://backpass.files.wordpress.com/2013/04/screenshot_27_04_2013_13_21-2.png?w=623" medium="image">
			<media:title type="html">Image</media:title>
		</media:content>
	</item>
	</channel>
</rss>
