<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Posts about tech</title>
    <link>http://tobyho.com/tag/tech</link>
    <language>en-us</language>
    <item>
      <title>MOG vs Thumbplay</title>
      <description>I just learned about these two new-ish online streaming music services. This post will be a comparison of the two, in much the style of my old&lt;a href="e-music vs rhapsody"&gt; e-music vs rhapsody post&lt;/a&gt;.&amp;nbsp;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;First a word about my experience with Rhapsody. The verdict is: I tried it for a few months, and then cancelled.&amp;nbsp;Ultimately&amp;nbsp;not being about to play on my iPod(the iPod Classic, that is - actually this was before it was branded &lt;i&gt;Classic&lt;/i&gt;), was the deal breaker.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;The landscape has changed, on-demand streaming is the new model - it's just a matter of time. Why streaming? Well, downloading music and managing your own music library introduces several problems:&lt;/div&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;the overhand of managing the library&lt;/li&gt;&lt;li&gt;the overhead of syncing the music to and between different devices(mobile devices, home media center)&lt;/li&gt;&lt;li&gt;finite disk space - although harddrives are pretty cheap nowadays, the space on mobile phones are still very limited, this makes syncing even more problematic because now you need to decide on what subset of your library you want to put on your phone&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;On-demand streaming services promise to deliver huge music collections to you anywhere you go for a flat monthly subscription fee. You are always just a search and click away from listening to music you've never heard before - music discovery is going to&amp;nbsp;blossom&amp;nbsp;like never before.&lt;/div&gt;&lt;h2&gt;Pricing&lt;br&gt;&lt;/h2&gt;&lt;div&gt;Anyways, enough philosophizing. What is the bottom line? Both of the services cost $9.99 a month with unlimited streaming and downloading. MOG also has a $4.99 PC-only plan.&lt;/div&gt;&lt;h2&gt;Selection&lt;br&gt;&lt;/h2&gt;&lt;div&gt;I made a list of several lesser known artists whom I love, and used them as the benchmark for testing the breath of the two services' music library. Here are the results:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;iframe width="500" height="480" frameborder="0" src="http://spreadsheets.google.com/pub?key=0AvuDADmGj683dHlvRTJueDN2ZjNUeTh6eU40cjd2NVE&amp;amp;hl=en&amp;amp;single=true&amp;amp;gid=0&amp;amp;output=html&amp;amp;widget=true"&gt;&lt;/iframe&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;The table tallies the number of albums that were listed under each artist on each of the music services. The result in terms of total albums was a tie: 86 to 86. However, MOG faired better in the number of artists with at least one album: 16 to 13.&lt;/div&gt;&lt;h2&gt;iPhone App&lt;/h2&gt;&lt;div&gt;Thumbplay's iPhone app is more polished, but MOG's was just released a couple of days ago, and they are actively working on it.&lt;/div&gt;&lt;h2&gt;Intangibles&lt;/h2&gt;&lt;div&gt;The race is tight so far, but how does each service stand out and how do they differ? Short answer: MOG is focus on the web experience while Thumbplay is more focused on the desktop experience. MOG has a web-based UI, and social features such as sharable playlists, and blog posts. Thumbplay has a native UI, which should integrate better with the Apple Remote, but seems to lag behind in social features. I personally like the social features in MOG, and am thinking about doing a music listening blog within it.&lt;/div&gt;&lt;div&gt;&lt;h2 style="margin-top: 1em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 29px; font-weight: normal; "&gt;Sound&lt;/h2&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;I did a side-by-side comparison of "Let's Do It Again" by The Brand New Heavies on both services. To my ears, MOG has the better sound quality - both the bass and tremble sound crisper than Thumbplay with my Bose headphones.&lt;/div&gt;&lt;/div&gt;&lt;h2&gt;Streaming Limit&lt;/h2&gt;&lt;div&gt;Both services do not seem to limit the number of computers or devices you use with it, however, both of them allow you to stream to only one of them at a time.&lt;/div&gt;&lt;h2&gt;Verdict&lt;/h2&gt;&lt;div&gt;As of now, MOG is my favorite. However, it's still early days. There are big players waiting to get into the game(Apple, Spotify), and&amp;nbsp;it's anyone's game.&amp;nbsp;&lt;/div&gt;</description>
      <pubDate>Wed, 21 Jul 2010 21:58:18 -0500</pubDate>
      <guid>http://tobyho.com/MOG_vs_Thumbplay</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/MOG_vs_Thumbplay</link>
    </item>
    <item>
      <title>UI Round Up: Too Many Tabs</title>
      <description>The UI paradigm of layout out things horizontally - such as tabs or the toolbars - is by now commonplace. But with this design there is a painful drawback: what do you do when you run out of horizontal space? Since, I am about to have to implement something like this for work, I did a little research on how this problem is handled. The representative sample I chose are Firefox, Safari, IE 7&lt;div&gt;, Chrome, and TextMate.&amp;nbsp;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;h3&gt;Firefox&lt;/h3&gt;&lt;div&gt;&lt;img title="Firefox Tabs" alt="Firefox Tabs" src="http://lh6.ggpht.com/_1m4jxPGXQAo/TC8EV6WnFxI/AAAAAAAAQU4/aF85bFsFTfo/s800/Firefox.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;In Firefox, there's a&amp;nbsp;minimum&amp;nbsp;width beyond which the tabs will not shrink. Tabs that cannot fit into the real estate are hidden, but can be gotten to via the left and right scroll arrows(on the left and right of the tabs) or via the tab drop-down icon on the far right.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;h3&gt;Safari&lt;/h3&gt;&lt;div&gt;&lt;img title="Safari Tabs" alt="Safari Tabs" src="http://lh6.ggpht.com/_1m4jxPGXQAo/TC8EWmp8xnI/AAAAAAAAQU8/7I6pyEOfN7A/s800/Safari.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Safari works similar to Firefox, except that it does not have the left and right arrows.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;h3&gt;IE 7&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;img title="IE 7 Tabs" alt="IE 7 Tabs" src="http://lh5.ggpht.com/_1m4jxPGXQAo/TC8EXbG4CVI/AAAAAAAAQVA/p4p8yolME2w/s800/IE.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;IE 7 has everything Firefox has, plus a thumbnail view button on the far left, which when clicked will show you all your tabs as thumbnails in the content area.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;h3&gt;Chrome&lt;/h3&gt;&lt;div&gt;&lt;img title="Chrome Tabs" alt="Chrome Tabs" src="http://lh5.ggpht.com/_1m4jxPGXQAo/TC8ETmlbVFI/AAAAAAAAQUw/cIPhJ7dhCCg/s800/Chrome.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Chrome is the most curious of all. It will display all of your tabs, regardless of how many of them you have opened, or whether or not you can read the title of the tabs.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;h3&gt;TextMate&lt;/h3&gt;&lt;div&gt;&lt;img title="TextMate Tabs" alt="TextMate Tabs" src="http://lh5.ggpht.com/_1m4jxPGXQAo/TC8EVB_ZZZI/AAAAAAAAQU0/6elG0hym6FU/s800/TextMate.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;TextMate - the only non-browser in my sample set - handles this much like Safari, except that in the "extra tabs" drop-down, checkmarks next to an item indicates that the file is the one currently displayed in the editor, whereas in all the browser UIs we've seen, the currently displayed tab is always made visible on top.&lt;/div&gt;</description>
      <pubDate>Sat, 03 Jul 2010 05:48:47 -0500</pubDate>
      <guid>http://tobyho.com/UI_Round_Up%3A_Too_Many_Tabs</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/UI_Round_Up%3A_Too_Many_Tabs</link>
    </item>
    <item>
      <title>Reading On the iPad</title>
      <description>First up, iBooks didn't work for me. Most of the books on my reading list were not available there. However, most of them &lt;i&gt;were&lt;/i&gt;&amp;nbsp;available on Kindle, and you can read any Kindle book on the iPad by downloading the free Kindle app. Does Amazon care that you are not reading them on a Kindle? No at all, since you are still paying for every book that you read.&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;So I tried reading a Kindle book: &lt;i&gt;Emotional Design by Donald A. Norman&lt;/i&gt;. What I found is that reading on the iPad is the best reading experience there has ever been: far better than physical books of any form factor. Molly Wood did not do it any justice.&lt;/div&gt;&lt;h3&gt;Why I Disagree With Molly&lt;/h3&gt;&lt;div&gt;Molly's main complaint was that the iPad is too heavy to hold like a book - with two hands holding in front of your face.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Holding Up-Right" alt="Holding Up-Right" src="http://lh5.ggpht.com/_1m4jxPGXQAo/TC7-q3QbFFI/AAAAAAAAQUY/CbZR1nb6Dp4/s800/upright.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;My answer to this is simple: don't hold it like that! What I have found to work best for me is to set the display at a larger font size, so you don't have to hold the device close to your face in order to read it comfortably. I usually put the iPad on my lap flat:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Lap Flat" alt="Lap Flat" src="http://lh3.ggpht.com/_1m4jxPGXQAo/TC7-qfqrL0I/AAAAAAAAQUU/DSYjtdrKMcs/s800/sitting_on_bed.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;or slightly till it toward me by crossing my legs:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Crossed Legs" alt="Crossed Legs" src="http://lh3.ggpht.com/_1m4jxPGXQAo/TC7-pl9mrbI/AAAAAAAAQUI/8SyYUH6nB3s/s800/crossed_legs.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;or propping up my legs:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Crouched Legs" alt="Crouched Legs" src="http://lh3.ggpht.com/_1m4jxPGXQAo/TC7-pyBtZHI/AAAAAAAAQUM/E5SDKPpQ8hM/s800/crouched_legs.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;This works so nice because one of the&amp;nbsp;nicest&amp;nbsp;features of the iPad is it's cool operational&amp;nbsp;temperature - I would never do this with my Macbook Air. If I feel real lazy, sometimes I lie all the way down on my side and hold it up side ways with one hand.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Lying Down" alt="Lying Down" src="http://lh5.ggpht.com/_1m4jxPGXQAo/TC7-qPr-eJI/AAAAAAAAQUQ/_ouB6W7eLWs/s800/lying_down.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;h3&gt;Why it's Better Than a Book&lt;/h3&gt;&lt;div&gt;The reading experience of the iPad is decidedly better than a real book. With a book, well, you usually have to hold it up with two hands, which puts strain on your arms and your palm. If you decide to hold it with one hand, you will contort your fingers in a strange way to try to hold the pages down which will strain your palm even more, to turn a page you'd most likely still require two hands. If you hold the iPad the way I prescribed, you are not really holding it with your hands at all, so no strain, but even better than that, turning a page is a matter of a tap or a flick of a thumb! In fact, when you are sitting comfortably reading with an iPad, the only thing you'll ever have to move is &lt;i&gt;one finger&lt;/i&gt;.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Another advantage that the iPad - and eReaders in general - have over books that is rarely mentioned is their accessibility for the visually impaired. In short: old people don't read so good. My mom returned a paperback book because the print was too small for her to read. With an eReader you can set the font size to what's the most comfortable for you.&lt;/div&gt;&lt;h3&gt;It's All eBooks From Here&lt;/h3&gt;&lt;div&gt;That's it. I've decided. I will never buy a book again unless I absolutely have to.&lt;/div&gt;</description>
      <pubDate>Thu, 01 Jul 2010 15:45:12 -0500</pubDate>
      <guid>http://tobyho.com/Reading_On_the_iPad</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/Reading_On_the_iPad</link>
    </item>
    <item>
      <title>Dark Desktop and Productivity Tools for Mac</title>
      <description>&lt;div&gt;I "Went Mac" exactly one year ago. For the most part, I am a happy camper. Mac is not without its problems, but it clearly has smoother edges than Windows. This post will be reminiscent&amp;nbsp;of my&amp;nbsp;&lt;a href="http://tobyho.com/Cleaner_Desktop_and_moving_to_Opera"&gt;Desktop Cleaning&lt;/a&gt;&amp;nbsp;post, only now "I am a Mac".&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;Today I decided that I was tired of spending time resizing windows on my Mac. It wasn't great in Windows either, but at least it was easier in that you could drag any of three sides of the window. On Mac, the only way to resize a window is to drag its lower right corner. &amp;nbsp;What I needed was a tiling window manager, something like&amp;nbsp;&lt;a href="http://xmonad.org/"&gt;xmonad&lt;/a&gt;. Unfortunately, xmonad is only for Linux. &lt;i&gt;Yes, you could get it to run on Mac, but it'll only work for X11-based applications - which are the minority of what I use on a day to day basis.&lt;/i&gt; I did some research and found an app called&amp;nbsp;&lt;a href="http://www.irradiatedsoftware.com/sizeup/"&gt;SizeUp&lt;/a&gt;. SizeUp allows you to tile windows using keyboard shortcuts. For example, you can make the current window occupy the left; right; top or bottom halves of the screen. You can also make it occupy each of the four quarters of the screen. You can also center a window, full screen a window, etc. If you use multiple screens, there are also shortcuts to move a window between the screens. All the shortcuts are configureable, and you will want to play around with configuring them to know what works for you, because honestly, the defaults are "a bit shit".&lt;div&gt;&lt;br&gt;&lt;div&gt;&lt;img title="SizeUp Screenshot" alt="SizeUp Screenshot" src="http://lh6.ggpht.com/_1m4jxPGXQAo/S7_ftmec5oI/AAAAAAAAPFM/QNZasGcQY4E/s800/Screen%20shot%202010-04-09%20at%2010.09.48%20PM.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Another problem I have been having with the Mac experience is task switching. In Mac, the task switcher can switch between different programs, but not between the different windows within programs - unlike in Windows. You can switch windows within the &lt;i&gt;active&lt;/i&gt;&amp;nbsp;program using Cmd-`, but it's not as nice an experience as there isn't any indication of how many windows there are or what their names are. For this problem,&amp;nbsp;&lt;a href="http://manytricks.com/witch/"&gt;Witch&lt;/a&gt;&amp;nbsp;fits the bill. Witch is basically an advanced task switcher for Mac (for Windows there is the&amp;nbsp;&lt;a href="http://www.microsoft.com/windowsxp/Downloads/powertoys/Xppowertoys.mspx"&gt;Power Toys Task Switcher&lt;/a&gt;). It &lt;i&gt;does &lt;/i&gt;let you cycle through all the windows of all the active applications. It also shows you the names of all the windows.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Witch Screenshot" alt="Witch Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S7_mGz252_I/AAAAAAAAPFQ/BjNelCJiKHo/s800/Screen%20shot%202010-04-09%20at%2010.44.14%20PM.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Well, those are two Mac productivity apps that I think are worth the money.&amp;nbsp;But last and not least here's a tip for making your desktop dark. If you go into System Preference -&amp;gt; Desktop &amp;amp; Screen Saver, you'll see Solid Colors as an folder under what you can select to be your wallpaper. Unfortunately for me, &lt;i&gt;black&lt;/i&gt;&amp;nbsp;is not an option. To make a dark wallpaper - well, it's obvious really - I just created a one-pixel-sized black image and used it as the wallpaper. There you go. Here's a screenshot of my dark desktop with Witch opened on top of it:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="Dark Desktop Screenshot" alt="Dark Desktop Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S7_ohKFI2hI/AAAAAAAAPFs/AsxjXlTS1cY/s800/Screen%20shot%202010-04-09%20at%2010.54.39%20PM.jpg"&gt;&lt;/div&gt;</description>
      <pubDate>Fri, 09 Apr 2010 22:56:24 -0500</pubDate>
      <guid>http://tobyho.com/Dark_Desktop_and_Productivity_Tools_for_Mac</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/Dark_Desktop_and_Productivity_Tools_for_Mac</link>
    </item>
    <item>
      <title>How Much of the Web Actually Work Without Javascript</title>
      <description>Recently Paul Boag&amp;nbsp;&lt;a href="http://boagworld.com/accessibility/ecommerce-failure"&gt;showed dissatisfaction&lt;/a&gt;&amp;nbsp;at the fact that most ecommerce sites don't work without Javascript, which stand against progress enhancement. Coincidentally, I am just now in the middle of working on a&amp;nbsp;&lt;a href="http://github.com/airportyh/CSS.Features"&gt;Javascript library&lt;/a&gt;&amp;nbsp;that aims to make using CSS3 features and writing cross-browser CSS easier. So this got me thinking...&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;I &lt;i&gt;love&lt;/i&gt;&amp;nbsp;Javascript! I won't make any secret of this. I also love writing ajaxy web applications. Although I allow that there's value to making your site work without Javascript, to me, at least, it bares a lower priority. Of course, as is always the case, the answer depends very much on your target&amp;nbsp;audience. Google Docs, for example, is more of a software tool than a web site, and so it wouldn't really make sense to make it work without Javascript - the result probably wouldn't be very useful anyway, because the essence of Google Docs, &lt;i&gt;is &lt;/i&gt;the UI.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;However, to consider the applicability of my Javascript library, I must consider whether it is acceptable to web designers that their design requires their users to have Javascript enabled.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;And so, I resolved to survey how some of the major web sites and web applications look like and work like with Javascript disabled, so as to get a sense of what is the accepted norm on the web today.&lt;/div&gt;&lt;h2&gt;The Contenders&lt;br&gt;&lt;/h2&gt;&lt;div&gt;I want to survey really popular sites. I also want to survey some content-centric sites, as well as some utility-type web-apps. The list has a Web 2.0 slant to it, but also include some old timers. Without further ado, the list is:&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.nytimes.com/"&gt;The New York Times&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="digg.com"&gt;Digg.com&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="facebook.com"&gt;Facebook&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="twitter.com"&gt;Twitter&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="stackoverflow.com"&gt;Stack Overflow&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="google.com"&gt;Google Search&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="cnn.com"&gt;CNN&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="amazon.com"&gt;Amazon&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="ebay.com"&gt;Ebay&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="boagworld.com"&gt;BoagWorld&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="maps.google.com"&gt;Google Maps&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="docs.google.com"&gt;Google Docs&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="gmail.com"&gt;Google Mail&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="rememberthemilk.com"&gt;Remember The Milk&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="flickr.com"&gt;Flickr&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="picasaweb.com"&gt;Picasa Web&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="youtube.com"&gt;YouTube&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="wordpress.com"&gt;Wordpress&lt;/a&gt;&lt;br&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="github.com"&gt;GitHub&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Scoring System&lt;br&gt;&lt;/h2&gt;&lt;div&gt;To evaluate how well each site works with Javascript disabled, I will use a scoring metric. The scoring will be based on the following 6 questions, each account for 1 point of the total score. Thus, 6 out of 6 is the perfect score.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;Can users navigate the site? (1 point)&lt;br&gt;&lt;/li&gt;&lt;li&gt;Can users read/view the content? (1 point)&lt;br&gt;&lt;/li&gt;&lt;li&gt;Is the site free of broken visual elements? (1 point)&lt;br&gt;&lt;/li&gt;&lt;li&gt;Can users perform the key tasks of the site? (1 point)&lt;br&gt;&lt;/li&gt;&lt;li&gt;Is the site free of broken input elements? (1 point)&lt;br&gt;&lt;/li&gt;&lt;li&gt;If things are broken, are users made aware of it? (1 point)&lt;br&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;br&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Let's get started!&lt;/div&gt;&lt;h3&gt;The New York Times&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Times Screenshot" alt="Times Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5iV7EyeHoI/AAAAAAAAOS8/pAd6P0ZlC34/s400/Screen%20shot%202010-03-11%20at%202.03.53%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;As expected, the New York Times looked great. Visually it didn't look much different from a Javascript enabled version. Flash ads are replaced by static image ads. One minor hiccup is a twitter widget which appears to spin indefinitely. The video section does not work at all, and there's is no message telling you you need Javascript to run it.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO(video section)&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO(video section)&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;Score 3/6 for the Times.&lt;/div&gt;&lt;h3&gt;Digg&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Digg Screenshot" alt="Digg Screenshot" src="http://lh6.ggpht.com/_1m4jxPGXQAo/S5iUrbQkxbI/AAAAAAAAOSI/blqjKTLbhh0/s400/Screen%20shot%202010-03-11%20at%201.58.38%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Digg's page looks okay. The flash ads have disappeared, leaving whitespace in their place. You can navigate the site and view articles just fine. However, you cannot "digg" or "bury" articles, which I think is a pretty &lt;i&gt;key&lt;/i&gt;&amp;nbsp;task of the site.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO(digg button broken)&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;Digg gets a 2/6.&lt;/div&gt;&lt;h3&gt;Facebook&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Facebook Screenshot" alt="Facebook Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5iXFHCGluI/AAAAAAAAOTc/u1zJ63oyA-8/s400/Screen%20shot%202010-03-11%20at%202.07.00%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;From a visual stand point, Facebook looks perfect. You can navigate and read most of the content of Facebook, including viewing photo albums. You cannot update your status; you cannot edit your profile; you cannot record videos of yourself, and there's no warning.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO(can't update status)&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Facebook's score: 3/6.&lt;/div&gt;&lt;h3&gt;Twitter&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Twitter Screenshot" alt="Twitter Screenshot" src="http://lh6.ggpht.com/_1m4jxPGXQAo/S5ibEQUQ5QI/AAAAAAAAOTk/pRYQpeAabUs/s400/Screen%20shot%202010-03-11%20at%202.25.41%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Twitter looks great without Javascript, but guess what? You cannot tweet! Bummer. You also can't edit some of the settings in your profile.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;3/6 for Twitter.&lt;/div&gt;&lt;h3&gt;Stack Overflow&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Stack Overflow Screenshot" alt="Stack Overflow Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S5ibUBgXzPI/AAAAAAAAOTo/mWxlZ-Mo5-g/s400/Screen%20shot%202010-03-11%20at%202.26.51%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;When you go the SO, a flash banner informs you that the site works best with Javascript enabled: nice, how refreshing! Navigation works, even asking questions, editing and posting works. However, voting does not work. For this one, I'll allow that the key tasks work, because I think the most important things are asking and answering questions; voting, although important, is secondary to those two things.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? YES&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;5/6. Wow! Way to go, Jeff!&lt;/div&gt;&lt;h3&gt;Google Search&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Google Screenshot" alt="Google Screenshot" src="http://lh5.ggpht.com/_1m4jxPGXQAo/S5idMm6mOUI/AAAAAAAAOTw/Keqz_8vXZ-A/s400/Screen%20shot%202010-03-11%20at%202.34.54%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Google Search works well, however, Image results that come up on the top of the search results show up blank. I gotta say I am very surprised that this doesn't work perfectly. I mean, this is&amp;nbsp;&lt;i&gt;the Google&lt;/i&gt;!&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;4/6 for Google Search.&lt;/div&gt;&lt;h3&gt;CNN&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="CNN Screenshot" alt="CNN Screenshot" src="http://lh6.ggpht.com/_1m4jxPGXQAo/S5ieLrhX6kI/AAAAAAAAOT4/d1FGHWMiC7Q/s400/Screen%20shot%202010-03-11%20at%202.39.06%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;CNN worked about as well as the Times. Navigation and reading content worked but not the videos. Although the videos on CNN are more prominent than on the Times, and also break more spectacularly:&lt;/div&gt;&lt;div&gt;&lt;img title="CNN Broken Video Screenshot" alt="CNN Broken Video Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5ifKwo_0xI/AAAAAAAAOT8/1F2WZDTT1mU/s400/Screen%20shot%202010-03-11%20at%202.43.21%20AM.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;3/6 for CNN.&lt;/div&gt;&lt;h3&gt;Amazon&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Amazon Screenshot" alt="Amazon Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S5ifnO0_urI/AAAAAAAAOUA/E3yXMK0iwqQ/s400/Screen%20shot%202010-03-11%20at%202.45.14%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Amazon is the one you gotta count on to do well in this. The site looks perfect. I've tested adding and update the shopping cart, which worked perfectly. I haven't actually gone all the way through and purchased something for this test, but I feel confident that everything would work.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? N/A&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;6/6! Perfect for Amazon!&lt;/div&gt;&lt;h3&gt;Ebay&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Ebay Screenshot" alt="Ebay Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S5ihxR8mvjI/AAAAAAAAOUI/ujEt4ezIFZ4/s400/Screen%20shot%202010-03-11%20at%202.54.29%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Ebay is also an old timer ecommerce site. I don't see how it could fail any of these.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? N/A&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;6/6 for Ebay.&lt;/div&gt;&lt;h3&gt;Boagworld&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="BoagWorld Screenshot" alt="BoagWorld Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5iiRH5KOAI/AAAAAAAAOUQ/jpRNglRMLA0/s400/Screen%20shot%202010-03-11%20at%202.56.32%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Let's see if Paul puts his money where his mouth is. Boagworld looks perfect. forums work. Even the flash videos and audio work! That's pretty amazing. This is the first site I've seen where video works without Javascript.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? N/A&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;6/6. Good On Ya! Paul Boag!&lt;/div&gt;&lt;h3&gt;Google Maps&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Google Maps Screenshot" alt="Google Maps Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S5ijj_JgaEI/AAAAAAAAOUY/4ed2KI52Dgo/s400/Screen%20shot%202010-03-11%20at%203.02.06%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Google Maps is the web application that gave life to Ajax. But much to my surprise, it actually works with Javascript turned off. Well... kinda sorta. You can plot an address on the map - even zoom and pan - but you cannot get directions. This is a tough one. On the one hand, it degrades 100% gracefully; on the other hand, without being able to give directions, it's all but crippled.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? N/A&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;5/6 for you, Google Maps. Hey, don't be sad, 5/6 is pretty damn good!&lt;/div&gt;&lt;h3&gt;Google Docs&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Google Docs Screenshot" alt="Google Docs Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5ilUPqizpI/AAAAAAAAOUg/Brwo1WjgQaU/s400/Screen%20shot%202010-03-11%20at%203.09.20%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Ouch! That's not a pretty picture. None of the buttons or sidebar items did anything when clicked. The loading indicators are just stuck there. This thing is pretty much...dead.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;Wow! Our first - and possible &lt;i&gt;only&lt;/i&gt; - 0/6. Congrats Google Docs!&lt;/div&gt;&lt;h3&gt;Gmail&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Gmail Screenshot" alt="Gmail Screenshot" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S5imxzAQlaI/AAAAAAAAOUo/yo7sJVokFLw/s400/Screen%20shot%202010-03-11%20at%203.15.52%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Two epic fails in a row from Google? Are you kidding me? Oh, but wait! What's this? On the bottom right there's a "Load basic HTML" link. You click on it and...&lt;/div&gt;&lt;div&gt;&lt;img title="Gmail Screenshot 2" alt="Gmail Screenshot 2" src="http://lh5.ggpht.com/_1m4jxPGXQAo/S5inYl0ag6I/AAAAAAAAOUs/0fFqNBCyQaw/s400/Screen%20shot%202010-03-11%20at%203.17.51%20AM.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Tada! Talk about drama! That's like a last second Hail-Mary pass for a TD or something. The functionality is all there for the basic HTML version. The only thing I'd pick on is the fact that it's not made very apparent that this option is available. In other words, the degradation ain't so graceful. I guess you could call it clumsy degradation?&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;4/6 is all you get, Gmail!&lt;/div&gt;&lt;h3&gt;Remember The Milk&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Milk Screenshot" alt="Milk Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5ipJiwM1kI/AAAAAAAAOU0/sSoe8mVJvI4/s400/Screen%20shot%202010-03-11%20at%203.26.02%20AM.jpg"&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Well, at least they are up-front about it...&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? YES&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;3/6. Wow, you can not work at all, and &lt;i&gt;still&lt;/i&gt;&amp;nbsp;get 3/6!&lt;/div&gt;&lt;h3&gt;Flickr&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Flickr Screenshot" alt="Flickr Screenshot" src="http://lh5.ggpht.com/_1m4jxPGXQAo/S5ip0xAJQsI/AAAAAAAAOU4/FKCueIhrAeM/s400/Screen%20shot%202010-03-11%20at%203.28.54%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Flickr looks great, and mostly works. The things that don't work are in-place photo editing features, adding tags and people.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;4/6 for Flickr.&lt;/div&gt;&lt;h3&gt;Picasa Web&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Picasa Web Screenshot" alt="Picasa Web Screenshot" src="http://lh5.ggpht.com/_1m4jxPGXQAo/S5iqq92BeTI/AAAAAAAAOVA/3ExI8nEMYNI/s400/Screen%20shot%202010-03-11%20at%203.32.23%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Picasa Web informs you that your browser is not fully supported, but you are welcome to have a look around. You can see some pictures under the "Explore" tab, but not your own pictures. You also cannot upload your own pictures. It's basically crippled.&lt;/div&gt;&lt;div&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? YES&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;1/6. Google, Google. Not doing so well, are you?&lt;/div&gt;&lt;h3&gt;YouTube&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="YouTube Screenshot" alt="YouTube Screenshot" src="http://lh5.ggpht.com/_1m4jxPGXQAo/S5iruOWcFAI/AAAAAAAAOVI/AZpMCoxM_Po/s400/Screen%20shot%202010-03-11%20at%203.36.59%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Hate to rub it in, but YouTube is a FAIL as well. You can still navigate the site, but not play any videos.&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;1/6 for YouTube.&lt;/div&gt;&lt;h3&gt;WordPress&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Wordpress Screenshot" alt="Wordpress Screenshot" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S5itCWPldHI/AAAAAAAAOVQ/lX2peaMRdM8/s400/Screen%20shot%202010-03-11%20at%203.42.36%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;WordPress works for the most part, but the parts that don't work do not degrade gracefully. Comments are broken. "Visual" editing is also broken, but you &lt;i&gt;can&lt;/i&gt;&amp;nbsp;write posts.&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;4/6 for Wordpress.&lt;/div&gt;&lt;h3&gt;GitHub&lt;br&gt;&lt;/h3&gt;&lt;div&gt;&lt;b&gt;&lt;img title="GitHub Screenshot" alt="GitHub Screenshot" src="http://lh6.ggpht.com/_1m4jxPGXQAo/S5iuKLzxVtI/AAAAAAAAOVY/SAUEyX31kwo/s400/Screen%20shot%202010-03-11%20at%203.47.17%20AM.jpg"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Last but not least, GitHub. I am, after all, the geek's geek. GitHub actually works very well. The only hiccups are small UI elements like the URL box, and the "Add File" button of the Gist dialog.&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users navigate the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users read/view the content? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken visual elements? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Can users perform the key tasks of the site? YES&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;Is the site free of broken input elements? NO&lt;br&gt;&lt;/li&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: decimal; list-style-position: inside; list-style-image: initial; "&gt;If things are broken, are users made aware of it? NO&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;4/6 for GitHub.&lt;/div&gt;&lt;h2&gt;Final Tally&lt;br&gt;&lt;/h2&gt;&lt;div&gt;Here is a summary of all the scores:&lt;/div&gt;&lt;div&gt;&lt;img title="Site vs Score Chart" alt="Site vs Score Chart" src="https://spreadsheets.google.com/oimg?key=0AvuDADmGj683dGRGbTQwMVRRNmh1QklIWTcteGZwR0E&amp;amp;oid=1&amp;amp;v=1268299001872"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;The winners were Amazon, Ebay, and Boag World.&amp;nbsp;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-weight: normal; "&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; "&gt;The average score for all the sites surveyed is 3.52. Only 26% of the sites had a score of 5 or higher. What this practically means is that 74% of the sites had something broken about them when Javascript is disabled.&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;h2&gt;Summary By Metric&lt;br&gt;&lt;/h2&gt;&lt;div&gt;&lt;b&gt;&lt;img title="Summary By Metric Chart" alt="Summary By Metric Chart" src="https://spreadsheets.google.com/oimg?key=0AvuDADmGj683dGRGbTQwMVRRNmh1QklIWTcteGZwR0E&amp;amp;oid=2&amp;amp;v=1268299387172"&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;What &lt;i&gt;this&lt;/i&gt;&amp;nbsp;chart shows is that most sites allow users to navigate and/or view the content on the site, in fact around 80% of them do. But, I think it's important to note that only 58% allowed users to perform the key tasks of the site. In other words, the other 42% are basically crippled. Another thing to note is that only 16% of sites that are broken let their users know that the site is broken without Javascript in some form or fashion - this is actually a really easy thing to fix, one could do what Stack Overflow does and just put up a flash banner on the top of the page, and be done with it. What this shows is that the developers of these sites either didn't tested the site with Javascript off, or just didn't think this was important enough to fix.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;See&amp;nbsp;&lt;a href="http://spreadsheets.google.com/pub?key=tdFm401TQ6huBIHY7-xfpGA&amp;amp;single=true&amp;amp;gid=0&amp;amp;output=html"&gt;this spreadsheet&lt;/a&gt;&amp;nbsp;for all the data in one place.&lt;/div&gt;&lt;h2&gt;Conclusion&lt;br&gt;&lt;/h2&gt;&lt;div&gt;What have we learned? Well, if you insist on turning off Javascript, the web isn't going to be much fun. It should be noted however that the ecommerce sites (and serious web designers) are the ones that take this very seriously.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;As for the Javascript library that I am building: I plan on releasing it soon. I think maybe what I'll do is to let Javascript-enabled be the default mode of operation, but given a fallback option, albeit somewhat more complexed one.&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
      <pubDate>Thu, 11 Mar 2010 03:52:53 -0600</pubDate>
      <guid>http://tobyho.com/How_Much_of_the_Web_Actually_Work_Without_Javascript</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/How_Much_of_the_Web_Actually_Work_Without_Javascript</link>
    </item>
    <item>
      <title>My Work Mail Filter</title>
      <description>My company recently switched to Google Apps. One of the implications of this is that I can use Gmail's mail filters. Since - like many company - I get a daily plethora of list emails, I thought I'd create a simple rule to filter them down to only the ones that require my attention.&lt;h3&gt;Attempt #1:&lt;br&gt;&lt;/h3&gt;&lt;pre&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; line-height: normal; white-space: normal; word-spacing: 0px; border-collapse: collapse; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "&gt;Matches:&amp;nbsp;&lt;span class="qW" style="font-weight: bold; "&gt;-{Toby}&lt;/span&gt;&lt;br&gt;Do this: Skip Inbox&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;div&gt;This rule says that if the email does not have my name in it anywhere, then skip the Inbox(like Google Search, "-" is the NOT operator).&amp;nbsp;This worked fairly well, but I found that there were some false positives after a week or so of using it. So it needed some tuning up.&lt;/div&gt;&lt;h3&gt;Attempt #2:&lt;br&gt;&lt;/h3&gt;&lt;pre&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; line-height: normal; white-space: normal; word-spacing: 0px; border-collapse: collapse; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "&gt;Matches:&amp;nbsp;&lt;span class="qW" style="font-weight: bold; "&gt;to:(-&lt;i&gt;my@company.email&lt;/i&gt;) -{Toby Birthday}&lt;/span&gt;&lt;br&gt;Do this: Skip Inbox&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;div&gt;I found that once in a while, there'd be a message addressed to me directly, but would not have my name in the message. I fixed this by putting &lt;i&gt;-my@company.email&lt;/i&gt; in the &lt;i&gt;To&lt;/i&gt; field of the filter(replace &lt;i&gt;my@company.email&lt;/i&gt;&amp;nbsp;with your own email). So, this filter will only apply to mail not addressed directly to me - the ones sent to mailing lists, basically.&amp;nbsp;Also, I'd like to be notified of people's birthday, so I added the word &lt;i&gt;Birthday&lt;/i&gt;&amp;nbsp;to the &lt;i&gt;doesn't-have&lt;/i&gt; list.&lt;/div&gt;&lt;h3&gt;Attempt #3:&lt;br&gt;&lt;/h3&gt;&lt;div&gt;Whenever I request support, I always first get a message first that says: &lt;i&gt;Thank you for your support request. &lt;/i&gt;This is pretty uninformative, so I don't need to be alerted to them. So I added the rule:&lt;/div&gt;&lt;pre&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; line-height: normal; white-space: normal; word-spacing: 0px; border-collapse: collapse; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "&gt;Matches:&amp;nbsp;&lt;span class="qW" style="font-weight: bold; "&gt;from:(&lt;i&gt;our@support.email&lt;/i&gt;) Thank you for your support request.&lt;/span&gt;&lt;br&gt;Do this: Skip Inbox&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;That's what I've got so far. This post will be updated as I further fine tune my mail filters.&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;Update: I found that it's a bad idea to ignore the email HR sends out the the mailing list, so I modified the first rule to let her in:&lt;/i&gt;&lt;/div&gt;&lt;h3&gt;Attempt #4:&lt;/h3&gt;&lt;pre&gt;&lt;meta charset="utf-8"&gt;&lt;span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', Verdana, Helvetica, Arial; font-size: 18px; white-space: normal; "&gt;&lt;pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.2em; padding-right: 0.8em; padding-bottom: 0.2em; padding-left: 0.8em; font-family: monospace; font-size: 11px; background-color: rgb(238, 238, 238); "&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; line-height: normal; white-space: normal; word-spacing: 0px; border-collapse: collapse; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "&gt;Matches:&amp;nbsp;&lt;span class="qW" style="font-weight: bold; "&gt;to:(-&lt;i&gt;my@company.email&lt;/i&gt;) -{Toby Birthday} from:(-hr@company.email}&lt;/span&gt;&lt;br&gt;Do this: Skip Inbox&lt;/span&gt;&lt;/pre&gt;&lt;/span&gt;&lt;/pre&gt;&lt;div&gt;&lt;i&gt;&lt;br&gt;&lt;/i&gt;&lt;/div&gt;</description>
      <pubDate>Tue, 09 Mar 2010 12:14:06 -0600</pubDate>
      <guid>http://tobyho.com/My_Work_Mail_Filter</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/My_Work_Mail_Filter</link>
    </item>
    <item>
      <title>Say No to Syncing</title>
      <description>If you are a podcast listener like me, you have probably accustomed yourself to connecting your iPod to your computer everyday to get your new podcast episodes. This is a big hassle, but in the age of the iPod, this made a lot of sense. You sync your podcasts, just like you would sync your music collection, because the only way to get your media onto the iPod was through the USB cable. Apple also did a great job of integrating the podcast experience into iTunes and the iPod, their podcast listening experience was second to none.&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;Enter the iPhone&lt;/i&gt;. And later the iPod Touch as well as other smartphones which came into the market to compete with the iPhone. These new devices are internet enabled, and so they possessed the power to download the new podcast episodes by themselves, and thus the daily chore of syncing podcasts can be eliminated. With the&amp;nbsp;&lt;a href="http://rssplayer.blogspot.com/"&gt;RSS Player app&lt;/a&gt;&amp;nbsp;you can catch new podcast episodes for your favorite podcasts directly on the device - no need to connect to a computer or go through iTunes at all.&amp;nbsp;On the Android platform, there is &lt;i&gt;Listen&lt;/i&gt; and a handful of other apps which do the same thing, and so G1, Droid, and other Android phone users can enjoy this convenience as well. But my guess is that most people are still syncing podcasts. &lt;i&gt;Why is that? You ask.&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Apple&amp;nbsp;&lt;a href="http://arstechnica.com/apple/news/2008/09/apple-denies-iphone-podcast-app-for-duplicating-itunes.ars"&gt;rejected&lt;/a&gt;&amp;nbsp;what came to be the RSS Player app at first. They saw it as stepping on their own turf. Not long after that, they allowed users to download specific podcast episodes directly from their device, but still no automatic updates. Why they didn't add that feature is very puzzling to me. To me, Apple is still hanging on their dock-n-USB paradigm, which - in my opinion - will go out of fashion very soon. Case and point: the iPad. Why would the iPad need a dock connector? It's freakin' ridiculous. You may say: &lt;i&gt;they want you to use iTunes.&lt;/i&gt; To that I say: &lt;i&gt;you can use iTunes on the iPad.&lt;/i&gt; You may say: &lt;i&gt;it needs to sync with the music collection&lt;/i&gt;. Then I say: &lt;i&gt;you should be able to sync over wi-fi!&lt;/i&gt;&amp;nbsp;I also predict - and I am not the only one by far - that on-demand music streaming is going to obviate the need for the syncing of even your music collection in probably 2-3 years. Who knows, Apple might even be the one pioneering that movement, given that they've bought&amp;nbsp;&lt;a href="http://www.lala.com/"&gt;Lala&lt;/a&gt;.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;And so, to smartphone or iPod Touch users who are still syncing podcasts, I'd say this:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;Stop pushing the button.&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;img title="The Button" alt="The Button" src="http://lh4.ggpht.com/_1m4jxPGXQAo/S3XgGfeNXlI/AAAAAAAANUw/c_Z4P1XjG6g/s800/the-button.jpg"&gt;&lt;/div&gt;</description>
      <pubDate>Fri, 12 Feb 2010 18:13:57 -0600</pubDate>
      <guid>http://tobyho.com/Say_No_to_Syncing</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/Say_No_to_Syncing</link>
    </item>
    <item>
      <title>My Thoughts on the iPad</title>
      <description>&lt;div&gt;&lt;img title="iPad" alt="iPad" src="http://lh5.ggpht.com/_1m4jxPGXQAo/S2J5DkVcX_I/AAAAAAAAMzw/ugNLdjGv_zQ/s800/iPad.jpg"&gt;&lt;br&gt;&lt;/div&gt;I've followed&amp;nbsp;&lt;a href="http://www.engadget.com/2010/01/27/live-from-the-apple-tablet-latest-creation-event/"&gt;engadget's live blog&lt;/a&gt;, seen the&amp;nbsp;&lt;a href="http://www.apple.com/ipad/"&gt;keynote video&lt;/a&gt;, listened to &lt;a href="http://www.cnet.com/8301-19709_1-10442812-10.html"&gt;Tom and Molly talk about it&lt;/a&gt;, even read others' opinions on&amp;nbsp;&lt;a href="http://www.engadget.com/2010/01/27/editorial-engadget-on-the-ipad/"&gt;engadget&lt;/a&gt;,&amp;nbsp;&lt;a href="http://discuss.gdgt.com/apple/ipad/"&gt;gdgt&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://twitter.com/#search?q=ipad"&gt;twitter&lt;/a&gt;, etc etc. I guess you could say I am pretty excited.&amp;nbsp;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;The tech savy(engadget, gdgt, BOL, etc) are in general underwhelmed or disappointed. Below are some of the complaints I have heard:&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;No Webcam or microphone - which pretty much rules out using Skype on it, which would have been a great killer app at this form factor. I think they will add these to the iPad in the future. &lt;i&gt;Update: actually, there IS a built-in microphone, so at least you can make audio calls with Skype.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;Still No Flash Support - you cannot seriously claim it has the &lt;i&gt;best&lt;/i&gt;&amp;nbsp;web browsing experience when it doesn't support Flash!&amp;nbsp;Apple has not allowed Flash to run on the iPhone all this time. Now that they are doing the &amp;nbsp;same with the iPad - which with it's larger screen you would think would be much better suited to run Flash apps, and add to it the fact that Flash has never ran great on&amp;nbsp;&lt;a href="http://stackoverflow.com/questions/2148424/flash-flex-runs-slower-on-mac"&gt;Macs&lt;/a&gt;,&amp;nbsp;it's becoming obvious that this is political.&amp;nbsp;Apple wants to fight a format war with Adobe. Why would you need flash when you can buy great apps from the app store and buy TV shows and movies from iTunes? On the other hand, I can also see the concern that almost all of the flash apps out there(possibly with the exception of Flash ads) just aren't designed for the touch screen, and having users run them on the iPhone or the iPad degrades the user experience and therefore could hurt the products' reputation. Apple's PR, however, is going with:&amp;nbsp;&lt;a href="http://www.macnn.com/articles/10/01/28/tablet.locks.ibooks.to.apple.hardware.adobe.says/"&gt;"it could rapidly drain battery life"&lt;/a&gt;, which I think is probably in reality 3rd or 4th down on their list of concerns.&lt;/li&gt;&lt;li&gt;No multiple tasks/apps/windows - this is a pretty big one: given the iPad's screen real estate, it seems artificially limiting to not allow multiple apps to be running in separate windows. I believe the iPad will eventually have this feature. How the UI will turn out will be interesting to see.&amp;nbsp;&lt;/li&gt;&lt;li&gt;The App Store Sucks - Apple prevents certain types of applications from entering its App Store. One example is programming language interpreters; another is any app that Apple views as overstepping their core apps' boundaries. Given that the iPad is even more of a computer than the iPhone, these limitations may become even more glaring.&lt;/li&gt;&lt;li&gt;I just don't see the need - "I already have a laptop and a smartphone, there just isn't any more room for yet another device!" I think that at the moment the iPad is more exciting for developers than consumers, but that will change.&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;All the negatives are well and good, but I overlook all of them, because, from my point of view, the iPad - and what it will lead to - is &lt;i&gt;much&lt;/i&gt; bigger. All of the tablet computers I've seen in stores in the past - HP's, Fujitsu's, etc: they all suck. These computer manufacturers created tablet computers but installed on them an Operating System which is design from the ground up for use with a mouse and a keyboard. They figured: "A tablet computer has a stylus. We can use it as a pointing device in the same way that a mouse is a pointing device. We just hook up the stylus driver to control the pointer, and boom! We got ourselves a tablet Operating System! Brilliant!" This is understandable, because it is the nature of software engineers to want to build solutions that solve as many problems as possible - and Windows is a very very big solution indeed. However, this tendency also causes brilliant people to routinely produce crap. The tablet form factor is more versatile than the mouse, and can be much more natural to use from a UI standpoint, but dumbing it down and retrofitting it to an inferior UI paradigm caused it to be marginal. Yes, you could use a tablet to draw, sign documents, take notes, etc, but when it came to interacting with the UI elements, it was usually very kludgy.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;iPad is the first tablet I've seen that comes close to realizing the potential of the tablet form factor.&amp;nbsp;Why? It's all about the software, stupid! The software that come with the iPad were designed and written &amp;nbsp;specifically for the large multi-touch screen device. This is to take nothing away from the amazing hardware. Multi-touch was ground breaking when it&amp;nbsp;&lt;a href="http://cs.nyu.edu/~jhan/ftirtouch/"&gt;first surfaced&lt;/a&gt;. When the iPad comes to market, it will be the single best showcase of multi-touch technology. But, the software is what brings it all together, and you can tell Apple put a lot of time and effort into the software.&amp;nbsp;Okay, enough of my rambling. What am I really trying to say?&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;i&gt;&lt;br&gt;&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;iPad marks a historical step towards&amp;nbsp;our liberation from mouse pointers&amp;nbsp;and a paradigm shift in computer technology.&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;&lt;br&gt;&lt;/i&gt;&lt;/div&gt;&lt;div&gt;I hereby reiterate my&amp;nbsp;&lt;a href="/Simulating_a_Tablet_Using_the_Touchpad"&gt;prediction&lt;/a&gt;&amp;nbsp;that in 5 to 10 years, mice will be on the way to extinction.&lt;/div&gt;&lt;/div&gt;</description>
      <pubDate>Fri, 29 Jan 2010 01:33:07 -0600</pubDate>
      <guid>http://tobyho.com/My_Thoughts_on_the_iPad</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/My_Thoughts_on_the_iPad</link>
    </item>
    <item>
      <title>Simulating a Tablet Using the Touchpad</title>
      <description>&lt;div&gt;&lt;span class="Apple-style-span" style="border-collapse: collapse;"&gt;&lt;img alt="Chinese Handwriting" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S1yxKuywYwI/AAAAAAAAMok/o6PMh12gwQI/s800/Screen%20shot%202010-01-24%20at%201.09.38%20PM.jpg"&gt;&lt;br&gt;&lt;/span&gt;&lt;/div&gt;I came across OS X's Chinese Trackpad Handwriting input method the other day, and was really impressed. Once you activate the handwriting mode(hotkey: Ctrl-Shift-Space), the mouse pointer disappears, and you can use write your chinese character on your trackpad using your finger. The UI looks like this:&lt;div&gt;&lt;br&gt;&lt;div&gt;&lt;img alt="Handwriting UI" src="http://lh6.ggpht.com/_1m4jxPGXQAo/S1y0yVhw2RI/AAAAAAAAMow/PmE0k18GzQU/s800/Screen%20shot%202010-01-24%20at%203.57.56%20PM.jpg"&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;What's interesting to me is the buttons on the left and right of the character recognition area. It took me a while to figure out how to use them at first, but after some experimentation, I figured it out: basically, the pretty gray box corresponds to your trackpad, and so to press a button on the upper left corner, you would tap the area in the upper left corner of your trackpad, and so on and so forth. It is very intuitive really. I would even say brilliant. Essentially, the trackpad has been made to work just like the&amp;nbsp;&lt;a href="http://tobyho.com/&#20070;&#27861;with_Vistablet"&gt;Vistablet&lt;/a&gt;&amp;nbsp;or any of the tablet accessories you can get from the Apple store these days.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Which got me thinking, how far can we take this? Can we use this to say...draw? A couple of google searches later, I discovered the &lt;a href="http://tenonedesign.com/inklet.php"&gt;Inklet&lt;/a&gt;&amp;nbsp;from &lt;i&gt;Ten One Design&lt;/i&gt;. The Inklet is an application, which is primarily used with a stylus you can buy from the same company called the Pogo Sketch.&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt="Pogo Sketch Stylus" src="http://lh3.ggpht.com/_1m4jxPGXQAo/S1y-Eb6pjoI/AAAAAAAAMpU/yZNzLrDZkMc/s800/Screen%20shot%202010-01-24%20at%204.39.17%20PM.jpg"&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;The Pogo Sketch is a pressure sensitive stylus that works with the Apple trackpads as well as the iphone and ipod touch. With Inklet and the Pogo Sketch together, you basically have the features of Vistablet. Here's their demo using Photoshop:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="embed" style="width: 560px; height: 340px;"&gt;&lt;span class="embed_indicator"&gt;Embedded Content&lt;/span&gt;&lt;object width="560" height="340"&gt;&lt;param name="movie" value="http://www.youtube.com/v/7KVFmE8la6w&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/7KVFmE8la6w&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"&gt;&lt;/object&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;div&gt;&lt;br&gt;&lt;div&gt;Brilliant, brilliant stuff. Another why-didn't-I-think-of-that moment for me. The lesson from all of this is that, at least for the new Macs, you can do a lot more with the trackpad than you thought(or at least I thought). For some types of applications, it may make sense to completely do away with the mouse pointer and use a tablet-style interface instead, and we can do this NOW! (Yes, now - three days before the imminent release of the Apple Tablet). Tablet doubters, just you wait, tablets&amp;nbsp;&lt;a href="/Tablets_are_the_way_of_the_future"&gt;will&lt;/a&gt;&amp;nbsp;be the way of the future. In 5-10 years(oh this could be another&amp;nbsp;&lt;a href="http://tobyho.com/tag/fourcast"&gt;Fourcast prediction&lt;/a&gt;), the mice could be heading towards extinction. Just you wait.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
      <pubDate>Sun, 24 Jan 2010 16:30:09 -0600</pubDate>
      <guid>http://tobyho.com/Simulating_a_Tablet_Using_the_Touchpad</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/Simulating_a_Tablet_Using_the_Touchpad</link>
    </item>
    <item>
      <title>Working From the Future</title>
      <description>This is my second FourCast style prediction. It is the "long term" prediction.&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;In the year 2110, 80%&amp;gt; of the earth's workers will work remotely.&amp;nbsp;&lt;span class="Apple-style-span" style="font-style: normal; "&gt;&lt;i&gt;&amp;nbsp;Even physical tasks like surgery, construction, or mechanical repair: you can do by logging into a robot remotely and controlling in via a VR-type interface.&lt;span class="Apple-style-span" style="font-style: normal; "&gt;&lt;i&gt;&amp;nbsp;Moreover, many of the reasons for needing to get out of the house have been eliminated, among them:&lt;/i&gt;&lt;/span&gt;&lt;/i&gt;&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;i&gt;groceries -&amp;nbsp;groceries&amp;nbsp;will be delivered to your fridge. You will order them online - usually on a display on your fridge, or just by talking to it and the groceries will be delivered within a couple of hours.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;social activities - 80% &amp;gt; of social activities will be done via virtual worlds like Second-Life. So you can connect with all of your friends no matter where they are or where you are.&lt;/i&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;i&gt;&lt;br&gt;&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;The implications of this are:&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;i&gt;Because people are not tied to the location where they work, they can be traveling on a day-to-day basis and still not miss a day of work: tourism flourishes.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;By the same logic, people can live where they want to live, not where they have to live, therefore, they move their&amp;nbsp;residence&amp;nbsp;from place to place in a much higher frequency. People who love traveling live in RVs permanently.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;The real estate market will sky rocket, because there will be a large influx of potential buyers from all over the world.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;Most jobs will be short-term contracts because for whom you work is no longer tied to where you live, and so there's less of a need for stability and also you have a much larger pool of openings to choose from.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;There will be one global currency to facilitate workers and employers in different countries to do business with one another.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;There will only be 2 or 3 languages in common use throughout the world, and the majority of the people know at least 2 of them.&lt;/i&gt;&lt;/li&gt;&lt;li&gt;&lt;i&gt;90% of dating will happen virtually. Meeting IRL will be considered a major step in a relationship.&lt;/i&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;</description>
      <pubDate>Sat, 19 Dec 2009 15:26:06 -0600</pubDate>
      <guid>http://tobyho.com/Working_From_the_Future</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/Working_From_the_Future</link>
    </item>
    <item>
      <title>The Future of TV</title>
      <description>&lt;div&gt;I've been enjoying&amp;nbsp;&lt;a href="http://www.fourcastpodcast.com/"&gt;Tom and Scott's FourCast Podcast&lt;/a&gt;&amp;nbsp;and decided that I would make my own predictions in the FourCast style. This post is my first prediction and will be the &lt;i&gt;short term&lt;/i&gt;&amp;nbsp;prediction. Here goes:&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;i&gt;In the year 2020, TV will work completely wirelessly. Devices like Apple TV, Roku, Boxee Box, etc. will be merged into the TV itself. HDMI, DVI, Component inputs are only optional features and will be seen as outdated or niche. Apple Inc. will have the best selling TV which will have not a single hole or button on it. TV programming will be IP based and a la carte. TV shows will be delivered via a framework/standard like RSS but which allows for streaming, ad placement as well as paid shows in the form of a la carte or subscription. TV networks have a much smaller role and their main purpose will be to getting advertisers for shows. Google/YouTube will become the biggest TV network and will use ad-sense to place ads for shows anyone can make. Other competing networks will crop up and some of the old TV networks will move to this model but will not over take YouTube. TV channels will become a concept distinct from TV networks, and will be collections of shows/videos created by the TV networks or individual users(kinda like playlists).&amp;nbsp;&lt;/i&gt;</description>
      <pubDate>Thu, 17 Dec 2009 14:42:56 -0600</pubDate>
      <guid>http://tobyho.com/The_Future_of_TV</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/The_Future_of_TV</link>
    </item>
    <item>
      <title>Google Chrome Frame to the Rescue!</title>
      <description>&lt;a href="http://www.artima.com/weblogs/viewpost.jsp?thread=266136"&gt;Bruce Eckel's prediction&lt;/a&gt;&amp;nbsp;came true! Chrome is now an&amp;nbsp;&lt;a href="http://code.google.com/chrome/chromeframe/"&gt;IE plugin&lt;/a&gt;! There's a lot of talk about it at the moment about security concerns and accessibility, but both of these discussions miss the point. The real story here, is what Google Chrome Frame means for &lt;i&gt;developers&lt;/i&gt;. Web developers like me have longed for the following:&lt;div&gt;&lt;ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; list-style-type: disc; list-style-position: inside; list-style-image: initial; "&gt;CSS 3 support&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;Canvas&lt;/li&gt;&lt;li&gt;SVG&lt;/li&gt;&lt;li&gt;Properties and other advanced features in Javascript&lt;/li&gt;&lt;li&gt;HTML 5&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Not having to develop for a browser that sucks&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Now, rather than resorting to&amp;nbsp;&lt;a href="http://www.explorerdestroyer.com/"&gt;campaigns&lt;/a&gt;&amp;nbsp;&lt;a href="http://ie6update.com/"&gt;like&lt;/a&gt;&amp;nbsp;&lt;a href="http://www.end6.org/"&gt;these&lt;/a&gt;, you can instead ask your users to install a plugin - much like with the&amp;nbsp;&lt;a href="http://get.adobe.com/flashplayer/"&gt;Flash&amp;nbsp;plugin&lt;/a&gt;&amp;nbsp;- that will essentially run Chrome's engine inside IE 6, 7, or 8, and give you all of the benefits in the list above. The average end-user will hardly notice the difference because IE's interface will stay the same, the only things that are different are within the content pane of the browser. Given Flash's&amp;nbsp;&lt;a href="http://www.adobe.com/products/player_census/flashplayer/version_penetration.html"&gt;ubiquity&lt;/a&gt;&amp;nbsp;with its&amp;nbsp;browser plugin install model, it is certainly not unconceivable for Chrome Frame to become wide spread among IE users. Go back a few years:&amp;nbsp;&lt;i&gt;How did Flash gain this level of penetration in the first place?&lt;/i&gt; Answer:&amp;nbsp;&lt;i&gt;YouTube&lt;/i&gt;! Who owns YouTube now? &lt;i&gt;Oops!&lt;/i&gt;&amp;nbsp;Yes, Google could totally drop Flash from YouTube and&amp;nbsp;&lt;a href="http://www.w3schools.com/tags/html5_video.asp"&gt;go HTML 5 only&lt;/a&gt;.&amp;nbsp;I doubt they would do that in reality, but that card is there for them, if they want to play it. The more probable Google strategy will be&amp;nbsp;&lt;a href="http://wave.google.com/"&gt;Wave&lt;/a&gt;, which, I gather from Google's positioning, will &lt;i&gt;definitely not&lt;/i&gt; support IE natively. So, if Wave hits a home run and becomes the &lt;i&gt;next big thing&lt;/i&gt;, Chrome Frame - and thus HTML 5 - will become a very viable RIA environment. Heck, some other company could very well come into the picture at this point and develop a killer app in HTML 5 that pushes it over the top also. When we get to that point - and here's me praying - it's bye bye to developing for the IE platform, &lt;i&gt;forever&lt;/i&gt;!&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
      <pubDate>Fri, 25 Sep 2009 14:36:46 -0500</pubDate>
      <guid>http://tobyho.com/Google_Chrome_Frame_to_the_Rescue%21</guid>
      <author>toby ho</author>
      <link>http://tobyho.com/Google_Chrome_Frame_to_the_Rescue%21</link>
    </item>
  </channel>
</rss>
