<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>David John Mead &#187; web</title>
	<atom:link href="http://davidjohnmead.com/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://davidjohnmead.com</link>
	<description>Living and working on the web, with a British point of view</description>
	<lastBuildDate>Fri, 30 Apr 2010 01:15:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Another good NEOUPA talk&#8230;</title>
		<link>http://davidjohnmead.com/2010/04/29/another-good-neoupa-talk/</link>
		<comments>http://davidjohnmead.com/2010/04/29/another-good-neoupa-talk/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 01:15:45 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[neoupa]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2010/04/29/another-good-neoupa-talk/</guid>
		<description><![CDATA[
  
This months speaker was Chris Braunsdorf and his topic was Meet your users: Learning from the iPad, iPhone, and Facebook &#38; thinking about the future of user interfaces. Starting with the story of people searching for &#8221;Facebook login&#8217; in Google and being confused when the top result was not Facebook, but an article [...]]]></description>
			<content:encoded><![CDATA[<p><a title="NEOUPA speaker, Chris Braunsdorf" href="http://www.flickr.com/photos/98492999@N00/4561457125/"><br />
  <img class="dave" src="http://static.flickr.com/3277/4561457125_fda703bec1_m.jpg" border="0" /><br />
</a>This months speaker was <a href="http://www.linkedin.com/in/chrisbraunsdorf" title="LinkedIn profile" rel="contact met colleague ">Chris Braunsdorf</a> and his topic was <a href="http://neoupa.org/Default.aspx?pageId=11863&amp;eventId=144876&amp;EventViewMode=EventDetails">Meet your users: Learning from the iPad, iPhone, and Facebook &amp; thinking about the future of user interfaces</a>. Starting with the story of people searching for &#8221;Facebook login&#8217; in Google and being confused when the top result was <strong>not</strong> Facebook, but an <a href="http://www.readwriteweb.com/archives/facebook_wants_to_be_your_one_true_login.php">article on Read Write Web</a>.</p>
<p>Opening the conversation to the room, a lot of discussion was about the responsibility of the UX/UI professional to help fix these issues. Bolstered by points such as the increase in age of users to Facebook and the web in general, Chris mentioned a quote from an <a href="http://www.readwriteweb.com/archives/web_illiteracy_how_much_is_your_fault.php">article by Gillian Andrews</a> about web literacy and our expectation that everyone knows what a URL is.&nbsp; Google&#8217;s <a href="http://www.youtube.com/watch?v=o4MwTvtyrUQ">video showing that people are not really aware of what a browser is</a> pushed the conversation forward.</p>
<p>Moving to the iPad and iPhone, Chris then steered the conversation towards the simplicity of devices and asked, will that solve some of the problem?&nbsp; I think the initial problem (about logging in to Facebook) will remain until the iPad does away with Safari completely and becomes the browser itself.&nbsp; Though it wasn&#8217;t brought up I was reminded about &#8216;<a href="http://factoryjoe.com/social-agent/">The Social Agent</a>&#8216; by <a href="http://factoryjoe.com/" rel="met colleague ">Chris Messina</a> and the direction that is taking.</p>
<p>All-in-all I thought it was good discussion (barring some early technical difficulties) and I&#8217;m looking forward to the next meeting.
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2010/04/29/another-good-neoupa-talk/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The iPad&#8230;It&#8217;s not about the hardware</title>
		<link>http://davidjohnmead.com/2010/01/27/the-ipad-its-not-about-the-hardware/</link>
		<comments>http://davidjohnmead.com/2010/01/27/the-ipad-its-not-about-the-hardware/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 02:36:14 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[mac]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2010/01/27/the-ipad-its-not-about-the-hardware/</guid>
		<description><![CDATA[Ask anyone and they&#8217;ll tell you I&#8217;m no MAC fan boy.&#160; Don&#8217;t get me wrong, I love my iPod (I won it as a door prize) and even contemplated getting an iPhone once &#8217;cause I think they&#8217;re cool.&#160; But the announcement of the iPad left me nonplussed.
As Chris wrote I cannot deny that it’s pretty. [...]]]></description>
			<content:encoded><![CDATA[<p>Ask anyone and they&#8217;ll tell you I&#8217;m no MAC fan boy.&nbsp; Don&#8217;t get me wrong, I love my <a href="http://rcm.amazon.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=dipcast-20&amp;o=1&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;md=10FE9736YVPPT7A0FBG2&amp;asins=B000EPHR0C" title="buy one at Amazon">iPod</a> (I won it as a door prize) and even contemplated getting an iPhone once &#8217;cause I think they&#8217;re cool.&nbsp; But the announcement of the <a href="http://apple.com/ipad" title="Apple's site for the new iPad">iPad</a> left me nonplussed.</p>
<p>As <a href="http://www.unquietdesperation.com/" title="Chris Miller's blog" rel="friend met colleague ">Chris</a> wrote <q cite="http://www.unquietdesperation.com/2010/01/27/initial-impressions-of-the-ipad/">I cannot deny that it’s pretty. It’s very pretty. Shiny, too.</q> but there was enough missing (no built-in camera for starters!) that I&#8217;m sure we&#8217;ll see the next version by Xmas, especially with the <a href="https://thejoojoo.com/" title="Tablet that used to be the crunchpad">JooJoo</a> launching soon.&nbsp; More than that though, I think there&#8217;s more to Apple going down this path than just producing a big iTouch.</p>
<p>It&#8217;s got to be all about content.&nbsp; With the iPad you can run virtually all the apps currently available through the App Store as well as any on your iPhone/iTouch, a lot of which are glorified ways of consuming content from 3rd parties.&nbsp; They have a new book store for downloading books.&nbsp; And of course you have the iTunes Store with all that music, TV shows, and movies.&nbsp; Soon you&#8217;ll be able to subscribe to magazines and newspapers (which featured heavily in the video) through the store too. And as with the iPhone its all locked down.</p>
<p>There was also talk of it being <q cite="http://www.apple.com/ipad/">the best web surfing experience</q> from Rob Schiller. I assume that&#8217;s the best without Flash, seeing as that is missing from the iPad.&nbsp; And why include it?&nbsp; Apple has conditioned all of its iPhone &amp; iTouch users to do without for the past few years and <a href="http://www.apple.com/safari/features.html" title="Features of the Apple browser">Safari</a> is the first browser to support the new HTML5 audio &amp; video tags, so why bother with it now.</p>
<p>Don&#8217;t get me wrong. If Messrs Jobs &amp; co. sent me a free one to try I&#8217;m sure I&#8217;d love it. But for $500 it&#8217;s got to do a lot more than be a easy way to consume content from the iTunes Store.<!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/apple" rel="tag">apple</a>, <a href="http://technorati.com/tags/ipad" rel="tag">ipad</a>, <a href="http://technorati.com/tags/mac" rel="tag">mac</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2010/01/27/the-ipad-its-not-about-the-hardware/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>So Ricky Gervais gave up on Twitter&#8230;</title>
		<link>http://davidjohnmead.com/2010/01/12/so-ricky-gervais-gave-up-on-twitter/</link>
		<comments>http://davidjohnmead.com/2010/01/12/so-ricky-gervais-gave-up-on-twitter/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 05:02:34 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[goldenglobes]]></category>
		<category><![CDATA[rickygervais]]></category>
		<category><![CDATA[tweet]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2010/01/12/so-ricky-gervais-gave-up-on-twitter/</guid>
		<description><![CDATA[&#8230;and more power to him.&#160; You could tell from his first tweet that this wasn&#8217;t his idea, and his last one put paid to the idea that he&#8217;d be using twitter anytime soon. Floated as a way to promote his hosting of the upcoming Golden Globes he just didn&#8217;t seem to see the point and [...]]]></description>
			<content:encoded><![CDATA[<p>&#8230;and more power to him.&nbsp; You could tell from his first tweet that this wasn&#8217;t his idea, and <a href="http://twitter.com/rickygervais/status/7553695614" title="tweet">his last one</a> put paid to the idea that he&#8217;d be using twitter anytime soon. Floated as a way to promote his hosting of the upcoming Golden Globes he just didn&#8217;t seem to see the point and said so on <a href="http://www.rickygervais.com/thissideofthetruth.php" title="Official blog">his blog</a> (you may have to scroll to week 100 as I can&#8217;t link to individual posts).</p>
<p><q cite="http://www.rickygervais.com/thissideofthetruth.php">If I want to tell a friend, famous or otherwise what I had to eat this morning, I&#8217;ll text them.</q></p>
<p>And that&#8217;s why I say more power to him. He <strong>gets</strong> online media. He&#8217;s been podcasting, blogging, and vlogging for sometime.&nbsp; All with a specific project or purpose in mind. He&#8217;s found the methods that work for him and work very well too. Why distill the message for the sake of using the &#8220;fad-du-jour&#8221;?</p>
<p><!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/goldenglobes" rel="tag">goldenglobes</a>, <a href="http://technorati.com/tags/tweet" rel="tag">tweet</a>, <a href="http://technorati.com/tags/rickygervais" rel="tag">rickygervais</a>, <a href="http://technorati.com/tags/twitter" rel="tag">twitter</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2010/01/12/so-ricky-gervais-gave-up-on-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Looking back&#8230;</title>
		<link>http://davidjohnmead.com/2009/12/22/looking-back/</link>
		<comments>http://davidjohnmead.com/2009/12/22/looking-back/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 03:41:18 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[davidsiegel]]></category>
		<category><![CDATA[digitalwebmagazine]]></category>
		<category><![CDATA[ericmeyer]]></category>
		<category><![CDATA[fink]]></category>
		<category><![CDATA[orangebook]]></category>
		<category><![CDATA[sxsw]]></category>
		<category><![CDATA[zeldman]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2009/12/22/looking-back/</guid>
		<description><![CDATA[Its the end of the year and I&#8217;ve been thinking a bit about the things that shaped me to get where I am today.&#160; By no means is this an exhaustive list of people, books, or events that have influenced or helped me, but more the 5 main points that spring to mind time and [...]]]></description>
			<content:encoded><![CDATA[<p>Its the end of the year and I&#8217;ve been thinking a bit about the things that shaped me to get where I am today.&nbsp; By no means is this an exhaustive list of people, books, or events that have influenced or helped me, but more the 5 main points that spring to mind time and time again.</p>
<h2>Web sites!</h2>
<p>David Siegel&#8217;s Creating Killer Web Sites was the first real book I got about building web sites. Thoroughly outdated now, but back in &#8216;96 this was a true eye-opener for me and just made me hungry to learn more.</p>
<h2>Floats? What the heck are those for?</h2>
<p>I&#8217;d been trying to figure out CSS for a while with little to no success.&nbsp; That was until I plowed through <a href="http://meyerweb.com/" rel="acquaintance met colleague  ">Eric Meyer&#8217;s</a> <a href="http://www.amazon.com/dp/073571245X/?tag=dipcast-20" title="Buy on Amazon">Eric Meyer on CSS</a>.&nbsp; It give me a real glimpse of the web we have now. Added bonus: I ended up moving to Cleveland and meeting a very cool guy at a web design meet-up, turned out to be Eric.</p>
<h2>Staying in touch</h2>
<p>Keeping up with the ever changing landscape of the web is a daunting task but&nbsp; <a href="http://www.nickfinck.com/" title="Nick's personal site" rel="contact met colleague ">Nick Fink</a> and <a href="http://www.digital-web.com/">Digital Web Magazine</a> made it easier. I devoured every article published in it&#8217;s 10 year run. It was my &#8220;go-to&#8221; site and I used to print off many articles to read on the bus ride home. I got to see Nick speak at <a href="http://www.sxsw.com/interactive">SXSW</a> as well as share a beer with him. When I think &#8220;web professional&#8221;, I think Nick Fink.</p>
<h2>STANDARDS!</h2>
<p>After reading <a href="http://www.zeldman.com/" title="Jeffrey's site" rel=" ">Zeldman</a>&#8217;s <a href="http://www.amazon.com/dp/0321616952/?tag=dipcast-20" title="Buy the book at Amazon">Designing with Web Standards</a> (now in its 3rd edition) I&nbsp; made the next big leap in how I saw the web as a whole.&nbsp; It was that orange book that shaped my coding and approach to building sites.</p>
<h2>South by&#8230;</h2>
<p>Attending SXSW for the first time kicked me up to 11!&nbsp; I came back from there completely energized and re-engaged.&nbsp; Its more than spotting &amp; rubbing shoulders with the &#8220;stars&#8221; of the web. Its actually talking with them as colleagues and finding out you all share similar problems and goals. Returning the next year with Paul and representing the <a href="http://www.optiem.com/">agency</a> we worked for as a finalist in the Web Awards was a fantastic feeling.&nbsp; If you ever get to choose a web conference to attend I recommend SXSW.</p>
<p>Here&#8217;s to 2010 and all that it will bring.<!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/digitalwebmagazine" rel="tag">digitalwebmagazine</a>, <a href="http://technorati.com/tags/web" rel="tag">web</a>, <a href="http://technorati.com/tags/ericmeyer" rel="tag">ericmeyer</a>, <a href="http://technorati.com/tags/orangebook" rel="tag">orangebook</a>, <a href="http://technorati.com/tags/sxsw" rel="tag">sxsw</a>, <a href="http://technorati.com/tags/davidsiegel" rel="tag">davidsiegel</a>, <a href="http://technorati.com/tags/zeldman" rel="tag">zeldman</a>, <a href="http://technorati.com/tags/fink" rel="tag">fink</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/12/22/looking-back/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>One navigation list to rule them all?</title>
		<link>http://davidjohnmead.com/2009/11/24/one-navigation-list-to-rule-them-all/</link>
		<comments>http://davidjohnmead.com/2009/11/24/one-navigation-list-to-rule-them-all/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 15:54:07 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[lists]]></category>
		<category><![CDATA[secondarynavigation]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2009/11/24/one-navigation-list-to-rule-them-all/</guid>
		<description><![CDATA[I&#8217;ve been using unordered lists for navigation for some time now, and I remember my excitement when the I first read about the suckerfish method. But one thing that keeps popping into my head recently is using one list for the main and secondary navigation on a page. I can&#8217;t recall if I&#8217;ve ever seen [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using unordered lists for navigation for some time now, and I remember my excitement when the I first read about the <a title="A List Apart article for dropdown navigation" href="http://www.alistapart.com/articles/dropdowns/">suckerfish method</a>. But one thing that keeps popping into my head recently is using one list for the main and secondary navigation on a page. I can&#8217;t recall if I&#8217;ve ever seen anyone talk about this or try it for that matter.</p>
<h2>The lists</h2>
<p>Say we have a site with four main sections and within each section is four pages.  Normally I would code up the following:</p>
<div style="margin-left: 40px;"><code>&lt;ul id="navMain"&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 1&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 2&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 3&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 4&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
</code></div>
<p>Somewhere further down the page, within a section, I&#8217;d have:</p>
<div style="margin-left: 40px;"><code>&lt;ul id="navSection"&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2a&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2b&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2c&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2d&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
</code></div>
<h2>Another approach</h2>
<p>Which normally would be displayed like image 1. Now what was tickling my mind was writing the code out like this:</p>
<div style="margin-left: 40px;"><code>&lt;ul id="navMain"&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 1&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 2&lt;/a&gt;</code></div>
<div style="margin-left: 40px;"><code>&lt;ul id="navSection"&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2a&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2b&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2c&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;page 2d&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
</code></div>
<p><code>&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 3&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href="#" title=""&gt;section 4&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</code></p>
<div id="attachment_163" class="wp-caption alignleft" style="width: 285px"><img class="size-full wp-image-163 " title="sec-nav" src="http://davidjohnmead.com/wp-content/uploads/2009/11/sec-nav.gif" alt="Usual position for secondary navigation" width="275" height="172" /><p class="wp-caption-text">Usual position for secondary navigation</p></div>
<p>Where the correct sections navigation is inserted as the page is called. It could then be positioned absolutely on the page using CSS.  If you&#8217;re using skip links for screen readers, then &#8220;skip navigation&#8221; would only have to skip the one list, and if read out, then it&#8217;ll be read in context.</p>
<p>I know I&#8217;m not taking into consideration:</p>
<ul>
<li>drop down navigation (not a big fan now)</li>
<li>footer navigation</li>
<li>problems with certain layout designs and absolute positioning</li>
</ul>
<p>but I think these could be overcome fairly easily.</p>
<p>I&#8217;m not suggesting that this is a be-all-end-all thing to use, more that I haven&#8217;t seen it implemented like this and wondered if anyone had any thoughts on the subject. I would love to hear any feedback.<br />
<!-- tags begin --></p>
<p style="font-size: 10px; text-align: right;">Technorati tags: <a rel="tag" href="http://technorati.com/tags/secondarynavigation">secondarynavigation</a>, <a rel="tag" href="http://technorati.com/tags/css">css</a>, <a rel="tag" href="http://technorati.com/tags/lists">lists</a>, <a rel="tag" href="http://technorati.com/tags/html">html</a>, <a rel="tag" href="http://technorati.com/tags/coding">coding</a></p>
<p><!-- tags end --></p>
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a style="color: #999; font-weight: bold;" title="Flock Browser" href="http://www.flock.com/blogged-with-flock" target="_new">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/11/24/one-navigation-list-to-rule-them-all/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Strangers in my Twitter feed</title>
		<link>http://davidjohnmead.com/2009/11/19/strangers-in-my-twitter-feed/</link>
		<comments>http://davidjohnmead.com/2009/11/19/strangers-in-my-twitter-feed/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 14:52:22 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[functionality]]></category>
		<category><![CDATA[re-tweet]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/?p=148</guid>
		<description><![CDATA[It feels like strangers are popping up in my feed. Names and faces that I don't know and my initial reaction is "I'm getting SPAM" until I've looked a little closer.]]></description>
			<content:encoded><![CDATA[<p><a title="New twitter retweet display by David Mead, on Flickr" href="http://www.flickr.com/photos/davidmead/4116784005/"><img class="dave" src="http://farm3.static.flickr.com/2727/4116784005_316c402ea2_m.jpg" alt="New twitter retweet display" width="240" height="137" /></a></p>
<p>Twitter has been going into overdrive recently, updating their online experience to (I assume) catch up with the plethora of apps that make use of the service.</p>
<p>Since the site has become my only way to interact with the service I&#8217;ve liked a lot of the subtle improvements. Having the site update with new tweets has been meant I don&#8217;t have to continually hit F5. Lists offer a way to organize and share, similar to Facebook&#8217;s feeds.</p>
<p>The latest is re-tweeting on the site, something apps like twirl and tweetdeck have offered for sometime.  Even on those apps I prefer to pass the tweet along with a little tinkering instead of just hitting the re-tweet button &#8211; that&#8217;s just me.  But the way Twitter is implementing it on the site doesn&#8217;t sit great with me (see screenshot). It feels like strangers are popping up in <em>my</em> feed. Names and faces that I don&#8217;t know and my initial reaction is &#8220;I&#8217;m getting SPAM&#8221; until I&#8217;ve looked a little closer.</p>
<p>I applaud the efforts that developers are doing, and maybe I&#8217;ll get used to it, but for now I&#8217;d like a way to turn it off.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/11/19/strangers-in-my-twitter-feed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nokia, T-mobile, Google, and a password security problem</title>
		<link>http://davidjohnmead.com/2009/09/21/nokia-t-mobile-google-and-a-password-security-problem/</link>
		<comments>http://davidjohnmead.com/2009/09/21/nokia-t-mobile-google-and-a-password-security-problem/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 02:23:13 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[5310]]></category>
		<category><![CDATA[fail]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[nokia]]></category>
		<category><![CDATA[password]]></category>
		<category><![CDATA[problem]]></category>
		<category><![CDATA[xpressmusic]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2009/09/21/nokia-t-mobile-google-and-a-password-security-problem/</guid>
		<description><![CDATA[So I&#8217;ve been happily been using my Nokia XpressMusic 5310 for some time now.&#160; Though I didn&#8217;t take a data plan with T-mobile I can still check my Gmail using the phone. That was until I changed my Google password.
I blogged that my Gmail account was comprised recently so I&#8217;ve been changing passwords a little [...]]]></description>
			<content:encoded><![CDATA[<p>So I&#8217;ve been happily been using my Nokia <a href="http://www.nokiausa.com/find-products/phones/nokia-5310-xpressmusic">XpressMusic 5310</a> for some time now.&nbsp; Though I didn&#8217;t take a data plan with <a href="http://www.t-mobile.com/">T-mobile</a> I can still check my Gmail using the phone. That was until I changed my Google password.</p>
<p>I blogged that my <a href="http://davidjohnmead.com/2009/08/17/my-gmail-is-sending-spam/" title="blog post" rel="me ">Gmail account was comprised</a> recently so I&#8217;ve been changing passwords a little and decided on one that I could remember easily.&nbsp; When I updated it on my phone though it couldn&#8217;t sign-in.&nbsp; I gave it a day but still nothing.&nbsp; Now here was the confusing thing.&nbsp; If I changed one or two characters of the password on the phone it gave the standard &#8216;wrong password&#8217; message.&nbsp; Type the right password in and it just said &#8220;sign-in failed, try again&#8221;.</p>
<p>Saturday morning I spent over 40 minutes on the phone with T-mobile support.&nbsp; They had had a problem with some G1 customers (pure coincidence) so they thought it might have been fallout from that, but no.&nbsp; As I was on hold for the third time I tried changing one character in my password in Google and then tried logging in on the phone &#8211; BINGO!</p>
<p>Seems that whatever Nokia/T-mobile uses to pass your password to Google it doesn&#8217;t like ampersands.&nbsp; Chatting with the support tech he said he&#8217;d never come across that before and would log it in the Nokia database (they can&#8217;t access Google).&nbsp; It was odd that somewhere, something was recognizing that it had the right password, but just wouldn&#8217;t let it through.</p>
<p>So if you want to bolster your secure password add non-alphanumeric characters, as long as you don&#8217;t want to access them from a Nokia phone using T-mobile.</p>
<p><!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/nokia" rel="tag">nokia</a>, <a href="http://technorati.com/tags/xpressmusic" rel="tag">xpressmusic</a>, <a href="http://technorati.com/tags/5310" rel="tag">5310</a>, <a href="http://technorati.com/tags/gmail" rel="tag">gmail</a>, <a href="http://technorati.com/tags/password" rel="tag">password</a>, <a href="http://technorati.com/tags/problem" rel="tag">problem</a>, <a href="http://technorati.com/tags/fail" rel="tag">fail</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/09/21/nokia-t-mobile-google-and-a-password-security-problem/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slick future visions from Microsoft</title>
		<link>http://davidjohnmead.com/2009/07/27/slick-future-visions-from-microsoft/</link>
		<comments>http://davidjohnmead.com/2009/07/27/slick-future-visions-from-microsoft/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 03:55:55 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[read]]></category>
		<category><![CDATA[watch]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[vision]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2009/07/27/slick-future-visions-from-microsoft/</guid>
		<description><![CDATA[Tonight I headed over to Office Labs from Microsoft. There you&#8217;ll get a glimpse into some of the &#8220;What If?&#8221; things being considered by going to the Envisioning section.
I particulary like the Productivity Future Vision video, which builds on the surface technology currently being played with-taking it the next step with &#8217;smart paper&#8217; (near the [...]]]></description>
			<content:encoded><![CDATA[<p>Tonight I headed over to <a href="http://www.officelabs.com/">Office Labs</a> from Microsoft. There you&#8217;ll get a glimpse into some of the &#8220;What If?&#8221; things being considered by going to the <a href="http://www.officelabs.com/Pages/Envisioning.aspx">Envisioning</a> section.</p>
<p>I particulary like the <a href="http://www.officelabs.com/projects/productivityfuturevision/Pages/default.aspx">Productivity Future Vision</a> video, which builds on the <a href="http://www.microsoft.com/surface/">surface</a> technology currently being played with-taking it the next step with &#8217;smart paper&#8217; (near the end of the video).</p>
<p>One thing I can&#8217;t get into is the whole false &#8216;perspective&#8217; thing. I&#8217;m not sure why folders have to stack in 3D when the rest of the display shown work so well &#8216;flat&#8217;.</p>
<p><!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/future" rel="tag">future</a>, <a href="http://technorati.com/tags/vision" rel="tag">vision</a>, <a href="http://technorati.com/tags/microsoft" rel="tag">microsoft</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/07/27/slick-future-visions-from-microsoft/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brad Colbow on how &#8220;not making the logo bigger&#8221;&#8230;</title>
		<link>http://davidjohnmead.com/2009/07/15/brad-colbow-on-how-not-making-the-logo-bigger/</link>
		<comments>http://davidjohnmead.com/2009/07/15/brad-colbow-on-how-not-making-the-logo-bigger/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 05:01:29 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[bradcolbow]]></category>
		<category><![CDATA[cleveland]]></category>
		<category><![CDATA[cwsa]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[july]]></category>
		<category><![CDATA[ohio]]></category>
		<category><![CDATA[presentation]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2009/07/15/brad-colbow-on-how-not-making-the-logo-bigger/</guid>
		<description><![CDATA[Lean Dog opened the doors to their office (which is really a boat) to the CWSA tonight, letting us hear Brad Colbow&#8217;s presentation titled &#8220;Don&#8217;t make the logo bigger! Happiness for you and your clients&#8221;.
Giving us a whirlwind tour through his early steps in web design, which included some of his first concepts, Brad then [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.leandog.com/" title="Agile developers">Lean Dog</a> opened the doors to their office (which is really a boat) to the <abbr title="Cleveland Web Standards Association"><a href="http://www.clevelandwebstandards.org/">CWSA</a></abbr> tonight, letting us hear <a href="http://colbowdesign.com/" title="Freelance web design" rel="acquaintance met colleague  ">Brad Colbow</a>&#8217;s presentation titled &#8220;Don&#8217;t make the logo bigger! Happiness for you and your clients&#8221;.</p>
<p>Giving us a whirlwind tour through his early steps in web design, which included some of his first concepts, Brad then stepped us through some of the pointers he&#8217;s picked up along the way.</p>
<blockquote cite="http://www.amazon.com/dp/159253127X/?tag=dipcast-20"><p>“Design should never say &#8216;Look at me&#8217;. It should always say &#8216;Look at this&#8217;”.<br />
David Craib</p></blockquote>
<p>Sharing stories that we&#8217;ve all had to stumble through from time to time, like the ever changing background color and lack of content or client direction, Brad then laid out some tips that he&#8217;s gained by confronting the problems head-on.&nbsp; These have now helped his freelance career, securing work for <a href="http://www.starbucks.com/">Starbucks</a>, <a href="http://nationbuilder.com/">NationBuilder</a>, and working with <a href="http://adactio.com/" title="blog" rel="contact met colleague ">Jeremy Keith</a> on an upcoming project.</p>
<p>It was a great presentation, and gave me a chance to meet up with some familiar faces in a cool space, exactly the kind of thing that the CWSA excels at. Brad also writes and draws an online comic strip called &#8216;<a href="http://www.bradcolbow.com/archive.php/" title="comic archive">The Brads</a>&#8216;.<!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/bradcolbow" rel="tag">bradcolbow</a>, <a href="http://technorati.com/tags/presentation" rel="tag">presentation</a>, <a href="http://technorati.com/tags/cwsa" rel="tag">cwsa</a>, <a href="http://technorati.com/tags/web" rel="tag">web</a>, <a href="http://technorati.com/tags/design" rel="tag">design</a>, <a href="http://technorati.com/tags/freelance" rel="tag">freelance</a>, <a href="http://technorati.com/tags/cleveland" rel="tag">cleveland</a>, <a href="http://technorati.com/tags/ohio" rel="tag">ohio</a>, <a href="http://technorati.com/tags/july" rel="tag">july</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/07/15/brad-colbow-on-how-not-making-the-logo-bigger/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How do you solve a problem like IE6?</title>
		<link>http://davidjohnmead.com/2009/07/13/how-do-you-solve-a-problem-like-ie6/</link>
		<comments>http://davidjohnmead.com/2009/07/13/how-do-you-solve-a-problem-like-ie6/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 03:25:21 +0000</pubDate>
		<dc:creator>David Mead</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[support]]></category>

		<guid isPermaLink="false">http://davidjohnmead.com/2009/07/13/how-do-you-solve-a-problem-like-ie6/</guid>
		<description><![CDATA[A recent article on Ajaxian.com looked at Digg&#8217;s survey about IE6 use.&#160; I think it really just validates what we already know, which is&#8230;

Most IE6 users are at work and cannot upgrade
Some user just don&#8217;t care to upgrade

So how should you address this?&#160; The one solution that I personally feel most comfortable with is Andy [...]]]></description>
			<content:encoded><![CDATA[<p>A recent <a href="http://ajaxian.com/archives/digg-takes-the-time-to-study-the-pain-of-ie-6">article on Ajaxian.com</a> looked at Digg&#8217;s survey about IE6 use.&nbsp; I think it really just validates what we already know, which is&#8230;</p>
<ul>
<li>Most IE6 users are at work and <span style="font-weight: bold;">cannot upgrade</span></li>
<li>Some user just don&#8217;t care to upgrade</li>
</ul>
<p>So how should you address this?&nbsp; The one solution that I personally feel most comfortable with is <a href="http://www.stuffandnonsense.co.uk/" title="Agency web site" rel="met ">Andy Clarke</a>&#8217;s <a href="http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css" title="Post on For a beautiful web">Universal IE6 stylesheet</a>.&nbsp; This lets the visitor access all the content as well as releasing the designer/developer from a spiraling descent into madness, trying to make pages look the same. I&#8217;ve recently added it to my <a href="http://www.dmwebsites.com/" title="web design services" rel="me ">freelance site</a>.</p>
<p>One IE6 solution I <span style="font-weight: bold;">cannot</span> get behind is proposed at http://ie6update.com/.&nbsp; This displays a bar designed to mimic IE&#8217;s own information bar.&nbsp; When the user clicks on it they get directed to the IE download page.&nbsp; This is so open to misuse and, even with the best intentions, still smacks of trickery.</p>
<p> As to that old chestnut of &#8217;supporting IE6&#8242;, well I&#8217;m not Microsoft, so I don&#8217;t have to &#8220;support&#8221; anything they make. Same goes for supporting Apple, Mozilla, or Opera products.&nbsp; What I do have to do however, is make sure that <span style="font-weight: bold;">any visitor</span>, using <span style="font-weight: bold;">any method</span>, can <span style="font-weight: bold;">access information and perform transactions</span> on a <a href="http://www.dmwebsites.com/portfolio.php" title="DMWebsites portfolio page" rel="me ">site I&#8217;ve built</a>.</p>
<p>Should it look graphically the same for a seven year old browser as it does for the latest &amp; greatest? No. Should it prevent the seven year old browser from entrance? Certainly not.</p>
<p>So here&#8217;s to IE6 slowly going away but, in the meantime, lets not make the visitors who have no choice in using it feel alienated.<!-- tags begin -->
<p style="font-size: 10px; text-align: right;" class="">Technorati tags: <a href="http://technorati.com/tags/ie6" rel="tag">ie6</a>, <a href="http://technorati.com/tags/css" rel="tag">css</a>, <a href="http://technorati.com/tags/solution" rel="tag">solution</a>, <a href="http://technorati.com/tags/support" rel="tag">support</a>, <a href="http://technorati.com/tags/web" rel="tag">web</a>, <a href="http://technorati.com/tags/design" rel="tag">design</a></p>
<p><!-- tags end -->
<div class="flockcredit" style="text-align: right; color: #CCC; font-size: x-small;">Blogged with the <a href="http://www.flock.com/blogged-with-flock" style="color: #999; font-weight: bold;" target="_new" title="Flock Browser">Flock Browser</a></div>
]]></content:encoded>
			<wfw:commentRss>http://davidjohnmead.com/2009/07/13/how-do-you-solve-a-problem-like-ie6/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
