<?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>Josh.st &#187; Design</title>
	<atom:link href="http://josh.st/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://josh.st</link>
	<description>Web, English, 中国, and various geekosity</description>
	<lastBuildDate>Sun, 13 Nov 2011 00:42:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Firefox 4 status bar</title>
		<link>http://josh.st/2011/03/29/firefox-4-status-bar/</link>
		<comments>http://josh.st/2011/03/29/firefox-4-status-bar/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 23:25:28 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[security]]></category>
		<category><![CDATA[unobtrusive]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://josh.st/?p=1675</guid>
		<description><![CDATA[On running Firefox 4 for the first time I was shocked to mouseover a link and apparently not be able to see where I was going. Had they banished the status bar? Of course, everyone’s just playing catchup to Chrome’s UI, and its status bar isn’t really a bar at all — it just appears [...]]]></description>
			<content:encoded><![CDATA[<p>On running Firefox 4 for the first time I was shocked to mouseover a link and apparently not be able to see where I was going. Had they banished the status bar? Of course, everyone’s just playing catchup to Chrome’s UI, and its status bar isn’t really a bar at all — it just appears as and when it’s needed. Perfect.</p>
<div id="attachment_1676" class="wp-caption alignnone" style="width: 496px"><img class="size-full wp-image-1676" title="Floating status bar in Chrome - only appears as you mouseover a link" src="http://josh.st/blog/wp-content//2011/03/floating-status-bar-chrome.png" alt="Floating status bar in Chrome - only appears as you mouseover a link" width="486" height="198" /><p class="wp-caption-text">The way it’s meant to happen!</p></div>
<p>As and when typically just means “right before you click on a link”, with the whole thing triggered by mouseovers. The first page Firefox loads when you start the browser is available here — <a href="http://www.mozilla.com/en-US/firefox/4.0/firstrun/">http://www.mozilla.com/en-US/firefox/4.0/firstrun/</a> — can you see what’s wrong with it?</p>
<p>I love event-listenery JavaScript as much as the next guy, but the icon on Step 2 suggested I’d be going to another page (c’mon, that’s just what right angle quotation marks have been co-opted to mean on the web!) while the browser wouldn’t say where.</p>
<p>Before visiting any actual pages in Firefox, not much trusting it at this point, I did some quick Googling and discovered two things:</p>
<ol>
<li>That you can bring back the status bar by simply typing ⌘ + / or Ctrl + /, and</li>
<li>That, not knowing this, people have created <a href="https://addons.mozilla.org/en-us/firefox/addon/status-4-evar/">at least one browser extension</a> to do exactly that.</li>
</ol>
<p>Fail.</p>
<p>Of course, if I’d bothered to actually USE Firefox for 2 minutes–trusting it even though it wouldn’t tell me where links were pointing–I’d have discovered that ordinarily it does. Pie-faced, I retreated to blogging angrily about how Mozilla’s first run screen is a great HTML5 page but a horrible initial demo of the browser’s capabilities.</p>
<p>A few observations from this:</p>
<ul>
<li>Browsers need to tell you where you’re going next. Users don’t[/shouldn’t] trust the Internet enough to find out when they arrive.</li>
<li>None of this would’ve happened had the team creating the landing page used progressive enhancement and unobtrusive JS technique.</li>
<li>The team probably didn’t because they wanted to show off how well their amazing browser does fancy “HTML5” (in the <a title="HTML5... lets web developers create advanced graphics, typography, animations and transitions..." href="http://www.apple.com/hotnews/thoughts-on-flash/">Jobs-ian CSS/JS inclusive sense</a>) stuff. Fine, but also link to a page that has the same content.</li>
<li>Browser vendors are responsible for keeping user’s trust from the very start. This is a weird issue because it’s actually nothing to do with the browser’s functionality itself, but it temporarily impacted my opinion on how seriously Firefox take user choice/security/usability in a significant way.</li>
<li>No-one <a title="Firefox 4 doubles IE9's 24-hour download tally" href="http://news.cnet.com/8301-30685_3-20046114-264.html">actually uses Firefox anymore</a>, so it doesn’t matter. It is a pain while using Firebug to test my own sites, though. ;-)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://josh.st/2011/03/29/firefox-4-status-bar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CMYK thumbnailing of JPEGs with Gmail/Google Mail</title>
		<link>http://josh.st/2009/09/16/cmyk-thumbnailing-of-jpegs-with-gmailgoogle-mail/</link>
		<comments>http://josh.st/2009/09/16/cmyk-thumbnailing-of-jpegs-with-gmailgoogle-mail/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 00:39:27 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[attachment]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[cmyk]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IMAP]]></category>
		<category><![CDATA[JPEG]]></category>
		<category><![CDATA[jpg]]></category>
		<category><![CDATA[PIL]]></category>
		<category><![CDATA[Python]]></category>
		<category><![CDATA[rgb]]></category>

		<guid isPermaLink="false">http://josh.st/2009/09/16/cmyk-thumbnailing-of-jpegs-with-gmailgoogle-mail/</guid>
		<description><![CDATA[I periodically freak out when reviewing emails that I’ve sent, particularly to printers, using Gmail’s (hosted apps) webmail interface. It has this habit of converting CMYK JPGs to RGB thumbnails really badly — but without apparent corruption. The blue in the image above is actually a deep red! Accordingly, while the colours are totally out [...]]]></description>
			<content:encoded><![CDATA[<p>I periodically freak out when reviewing emails that I’ve sent, particularly to printers, using Gmail’s (hosted apps) webmail interface. It has this habit of converting CMYK JPGs to RGB thumbnails really badly — but without apparent corruption.</p>
<p><img class="alignnone size-full wp-image-1614" title="Gmail getting CMYK thumbnails wrong" src="http://josh.st/blog/wp-content//2009/09/gmail-cmyk.jpg" alt="Gmail getting CMYK thumbnails wrong" width="380" height="265" /></p>
<p>The blue in the image above is actually a deep red!</p>
<p>Accordingly, while the colours are totally out of whack, there are no other artifacts in the image. Normally this just looks weird — sometimes, in the case of logo variants, it looks plausible but utterly incorrect! My guess is they’re using an older version of <a href="http://www.pythonware.com/products/pil/">PIL</a> (we all know how much Google loves Python) prior to <a href="http://mail.python.org/pipermail/image-sig/2009-March/005519.html">this March 2009</a> patch. Sounds like the same phenomenon.</p>
<p>Still, those people emailing CMYK JPGs has to be a little bit niche, so I’m not heaps hopeful of this getting fixed too soon! The main reason I care is because web interfaces are so much faster than retrieving large attachments from IMAP stores.</p>
]]></content:encoded>
			<wfw:commentRss>http://josh.st/2009/09/16/cmyk-thumbnailing-of-jpegs-with-gmailgoogle-mail/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New EvolvedHD website: appropriately widescreen!</title>
		<link>http://josh.st/2009/07/08/new-evolvedhd-website/</link>
		<comments>http://josh.st/2009/07/08/new-evolvedhd-website/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 02:43:05 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[evolvedhd]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[widescreen]]></category>

		<guid isPermaLink="false">http://josh.st/2009/07/08/new-evolvedhd-website/</guid>
		<description><![CDATA[My friends over at EvolvedHD just launched a new website for their burgeoning event production empire down in Victoria. It’s a clear, clean microsite with a clear presentation of services offered and an effective call to action with contact information prominently featured on every page (there are only four!) Notably, the site is very wide [...]]]></description>
			<content:encoded><![CDATA[<p>My friends over at <a href="http://www.evolvedhd.com.au/">EvolvedHD</a> just launched a new website for their burgeoning event production empire down in Victoria. It’s a clear, clean microsite with a clear presentation of services offered and an effective call to action with contact information prominently featured on every page (there are only four!)</p>
<p><a href="http://www.evolvedhd.com.au/"><img class="alignnone size-full wp-image-1545" title="New EvolvedHD site" src="http://josh.st/blog/wp-content//2009/07/evolvedhd-new-site.jpg" alt="New EvolvedHD site" width="700" height="403" /></a></p>
<p>Notably, the site is very wide (&gt;1200px). As the web evolves we are observing an ever increasing standard width for desktop versions of websites — for some, this poses current issues as individuals gradually shift to widescreen platforms. For others, it represents the inexorable march away from old technologies towards the new!</p>
<p>While this poses certain problems for mobile clients, etc., even these devices are increasingly capable of either linearising or providing useful interfaces (multi-touch, etc.) for making screen content accessible in mobile contexts. Here, the need for good information architecture cries out even louder than technical considerations. Browsing the Internet mobile is an arduous task on even mobile websites, so the best thing you can do as an author is reduce the necessary depth of content to make information rapidly accessible for all user agents.</p>
<p>In the case of the EvolvedHD website, the inclusion of contact details at the top left of every page effectively fulfills all likely applications of their website in a mobile context.</p>
<p>Consider more than just the desktop when designing your website. Increasingly, even low-depth websites are being called upon for mobile access as people seize the convenience of anywhere, anytime Internet. Stop making your users jump through hoops, and start giving them what they want, sooner. It’ll do wonders for your Internet-based business.</p>
]]></content:encoded>
			<wfw:commentRss>http://josh.st/2009/07/08/new-evolvedhd-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

