Web 2.0 Expo: Web 2.0 as a UI Paradigm

Tags

, ,

Next up for me: Web 2.0 as a UI Paradigm.  It’s starting very slowly; the speaker is just running down the common UI features of Web 2.0 apps/sites, and the pros and cons of DHTML/JS/Flash/Java/etc.  Not interesting at all. 

Per speaker, Rich Internet Applications tends to mean:

  1. Customizable interface
  2. Things download in chunks for perceived increase in performance
  3. Instant feedback, minimize reloads
  4. Tons of HTML and JS
  5. Not crawlable by search engines
  6. No standard UI components yet
  7. No standard solution to “Back Button” problem

So here’s the first interesting point: with Web 2.0, the focus of UI is on tasks, not items.  So task-focused UIs “let you perform ancillary or housekeeping tasks without taking focus away from your core task”.  E.g., logging in/out is not a core task, it’s a necessary evil.  Other non-core tasks might include: changing account settings, spell check, reorder items, flagging items, etc.  All non-core tasks should not cause major changes to the UI (no full reloads, etc.).  Makes sense to me…

An example is lala.com when you add a song to your list.  Another: Trulia.com.  Signup is in a DHTML popup; the page you were on doesn’t change or disappear at all.  Reddit’s login box.  Trulia.com, adding a neighborhood to a comparison.

Examples to the contrary: Amazon, refresh this page link.  Reddit,  login page.  Yahoo! Answers, ask a question and it dumps you to login screen.

Luckily for me in this one, I found a power outlet in the session room!  I shared it with a fellow attendee and we basked in the glory of our flowing electrons.  Ahhh…

Web 2.0 Expo: High Performance Webpages

Tags

, ,

I’m attending the Web 2.0 Expo at the Moscone Center in SF this week.  First up is the High Performance Webpages workshop, presented by the Yahoo! Exceptionial Performance team.  Pretty interesting so far.

Their primary thesis is that 80-90% of user-perceived response time is client-side and images; only 5-10% is the actual generation and downloading of HTML.  Even if the user has cached a lot (they’re visitng the page again), the percentages don’t change much.

Some of the interesting facts they’re citing:

  • The percentages cited above (HTML-generation vs. other things in user-perceived response time) is pretty consistent across the 10 biggest properties on the web.
  • 40-60% of unique users visit with Yahoo with an empty cache. ~20% of total page views are with an empty cache; higher than you’d think.
  • Base cookie sizes for some major web properties set at their splash page (in bytes):
    • Amazon  60
    • Google  72
    • Yahoo  122
    • CNN  184
    • YouTube  218
    • MSN  268
    • eBay  331
    • MySpace  500
  • Use at least 2 but no more than 4 aliases (hostnames) for images from a single HTML page because the browser will download 2 objects in parallel per alias.  More aliases leads to CPU thrashing and more DNS lookups.
  • 14 Rules (in rough priority order):
    1. Make fewer HTTP requests
      • Use image maps to reduce # of images.
      • Use CSS sprites; <span style=”background-image: …; background-position: -100px -100px;”>.
      • Use inline images, but not supported in IE; binary of image is in HTML! (The binary is in the HTML?!? Oh my god, that hurts my sensibilities!)
    2. Use a CDN (like Akamai; not practical for small sites)
    3. Add an Expires header (set it far in the future)
    4. Gzip components (not just html files but all non-binary ones of a non-trivial size)
    5. Put CSS at the top
      • Where you’re supposed to, because pages don’t layout until all the .css files are downloaded.
    6. Move JS to the bottom
      • Not where you expect to put it.  Put it as late as possible in the code because downloading .js files block the browsers from parallel downloading of other assets (like images).
    7. Avoid CSS expressions (ones that are calculated off other things; way too much processing)
    8. Make JS and CSS external (this makes it cacheable)
    9. Reduce DNS lookups
    10. Minify JS (“minify” is a word? Huh, I guess it is.  In dev-talk, it means to remove unnecessary whitespace.)
    11. Avoid redirects
    12. Remove duplicate scripts
    13. Turn off ETags
      • Entity tags prevent caching by the browser because ETags are never the same for the same asset across different servers, so for a multi-server farm, it does a lot of harm.
    14. Make AJAX cacheable and small

Update: They posted the presentation; it’s been the best session so far, IMHO.

Testing Jaxtr

I’m just testing Jaxtr, a click-to-call service.

I went through the signup process, which was very simple.  After the normal stuff of validating the email address, etc., you have to add a phone number to it.  You enter in the phone number then it prompts you to enter in a number when the automated system calls you.

The button below is the default for WordPress.  After clicking on it, you’ll see a pop-up with a Flash widget that has some more buttons on it.  You can also embed that widget itself onto your page, but WordPress doesn’t allow it. I just put in screen shots.

You can check it out, but I probably won’t answer (I like screening calls).

(This one works.)

Call theflea from your phone!

(These are just screen shots of the other options.)

Jaxtr - Full size widget

Jaxtr - small widget

Oprah shilling ‘The Secret’

Tags

So I was watching my Tivo’d SNL this morning, the one with Julia Louis-Dreyfus. One of the skits pokes fun at Oprah and her promotion of the book The Secret which, according to the skit, says that you can control the universe with your mind.  Curious, I searched for it, and found a fascinating article about it on Salon.

Go read it now. I’ll wait.

Now, Oprah is an amazing woman. Very smart, very powerful, really a self-made woman. And I’ll admit, I am predisposed to thinking that she’s a little too self-righteous and her followers are a little too willing to lap up blindly all she has to offer. But I couldn’t really place my issue with her until I read the Salon article, which nailed it for me.

Her followers are often just that: followers.  They do things because Oprah says they should, because she says it will make them feel better. And of course, Oprah feeds off of that blind faith; in fact, her entire empire is dependent on that idolatry. Her show is basically a 1 hour infomercial and I bet few if any of her congregation recognize that.

Almost all the time, I agree with the message: eat well, exercise, help the needy, take care of your finances, love your children, read a book, have a positive attitude. And I think that there are probably many people who are living better, happier lives for listening to Oprah. I just wish more people would question the message before accepting it and question the messanger before following her.

Surprise! Gaming Digg works!

Tags

Just in case you didn’t believe it, despite all the evidence to the contrary, gaming Digg works.

Check out this article on Wired News. Fantastic. The author’s site was eventually buried, but then again, the author made the site specifically to be stupid.

You can easily imagine a site that someone actually cares about, but is not necessarily outstanding, could be fraudulently promoted by U/S.  I don’t have a solution for Digg, but it is interesting.

It’s really just another case where we should not be blindly enamored by the “power of the people”.

Update: Anti-Wired post from Michael Arrington. My response? You’ve got to be kidding me. I can’t speak to previous articles in Wired about the demise of Digg, but investigative journalism is totally reasonable, and the author of the Wired article didn’t do anything so crazy in her investigation to deserve that much wrath. Frankly, I don’t think this would be news at all if Digg’s management wasn’t so adamant in saying that they can not be gamed. That’s pretty much “Bring it on!”, if I’ve ever heard it.

VMware vs. Microsoft

Tags

, ,

Interesting article about the upcoming battle between VMware and Microsoft.  I like the parallels drawn between it and the Netscape/IE war.  Love ’em or hate ’em, it’s hard to bet against MS in the long run.  Years ago, people said MS couldn’t play in the server space, and now ASP.NET is a strong, viable server technology.  Waiting and seeing…

(BTW: I took a class at Stanford from VMware founder Mendel Rosenblum.  Nice guy, but not a great teacher…)

The Superman Hyphothesis

So, if you’ve worked with me at Homestead, or you went to college with me (and if you didn’t, I’m not really sure why you’re reading this), then you know I come up with some wacky ideas or theories every once in a while, all with a decidedly nerdy bent.  The weekly columns I wrote for the Stanford Daily showed some of these, as do the lunch room conversations we have here at the office.  Thus was born The Superman Hypothesis.

It’s really simple.  In one of the Superman movies, Superman flies around the earth so fast that he manages to slow down its rotation and actually spin it in the other direction. As Einstein clearly predicted, that caused the earth to go back in time, of course.  There are so many things theoretically wrong about this that disproving it would not be interesting.  But I wanted to pick on it anyway, and so I came up with the Superman Hypothesis that concentrates on one very small part of it.  Here goes.

The Hypothesis: According to the comic books, Superman gets his power from the earth’s yellow sun. I contend that he cannot absorb enough energy from the sun over his time on the earth to stop the rotation of the earth.

Some points of clarification and assumptions:

  1. I’m not talking about how Superman absorbs energy from the sun. Let’s just assume he’s 100% efficient and there is no energy lost through the atmosphere.  And he can absorb any frequency of the sun’s rays.
  2. I’m not talking about how Superman can actually move the earth.  Is he grabbing a tree or something?  I don’t know, don’t really care.  Just assume he can transfer energy with 100% efficiency into the earth.
  3. I’m even going to assume that he’s not expending energy doing anything else the entire time he’s been on the earth. I assuming that he can store the energy perfectly efficiency for his time on earth, say 30 years.
  4. Following the lead of the first three points, where possible, make assumptions that err on the side of the Man of Steel.

Basically, we boiled it down to this: is the amount of energy from the sun that can be absorbed by a person at the earth’s surface over 30 years greater than the kinetic energy of a rotating earth?  If not, how much more is the kinetic energy of the rotating earth?

After much discussion, I finally did it while at my in-law’s house for Christmas.  I’ll post the spreadsheet later…

Update: Ok, the spreadsheet is here.  Sorry for the delay.  The assumed or given (i.e., looked up on the internet) numbers are at the top, the calculated numbers are at the bottom.

One assumption I made was that the earth is homogenously dense (which it’s clearly not).  That simplified the calculation of the kinetic energy of the earth to be just the kinetic energy of a rotating evenly dense sphere.  Because the earth is actually denser at the center, this assumption actually overestimates the kinetic energy of the rotating earth (more mass moving at at the extremities of the earth means more energy).  While this assumption doesn’t err on the side of the Man of Steel, he still wasn’t close.

And my calculated answer?  It would take 1 x 1017 Supermen to make it happen.

And an addendum to the hypothesis…

The Superman Hyphothesis Addendum: If you converted all of the math of Superman to energy (with E=mc2), you would still not have enough energy to stop the rotation of the earth.

I calculated it would take 3.4 x 1010 Supermen to do it.

Ramblings of a Short Man: Clothing edition

Tags

I’m a short man.  I’m sure you probably guessed that if you’ve read the title of my blog.  (Of course, the number of people who are reading my blog who don’t actually know me undoubtedly smaller than the number of “how’s the weather up there?” comments I’ve ever heard.)  I’m 5′-3″, 135 lbs (when it’s not holiday season).  Justin can palm my head.

This post is right up my alley. In it, Kathy Sierra is complaining that free T-shirts often suck because the sizes are all wrong.

Luckily, at least the shirts I get are the right gender, but the sizes are always screwed up.  For instance, I won a couple T-shirts in TopCoder competitions (one from Google Jam and one from the TCO).  The TCO sent me this hideous lavender/purple XL T-shirt with no less than 8 LARGE corporate logos all over it.  The stupid thing is TopCoder has pictures of its members on its site (optionally, of course), but a quick sample will tell you the vast majority are not XL guys.  I mean, c’mon, isn’t the stereotypical nerd a super skinny guy with bad hair, broken glasses, and a perpetually runny nose?  I think I fit that perfectly.

Kudos to Google, BTW; they actually asked me what size I was and sent me a very nice shirt that I still wear.  I couldn’t even give away that purple disaster.

And it doesn’t stop at free stuff: ever try to buy a suit off the rack if you’re 5′-3″?  I wear a 36 Short jacket, which typically leaves me with options of 3 different shades of tweed or a sports coat made out of wicker, paper mache, and empty toner cartridges.

Sure, I’m at the short end of the gradient, so it may not be worth supporting me, but this last one is just stupid.  I’ve been to many stores that put their jeans in cubbies along a big wall.  And of course, they store them in size order, from smallest (waist & inseam) to largest, from top to bottom?  Huh?  That’s just stupid.

But hey, I’m not really complaining.  I can cross my legs in coach.  Heh heh.

Design a site like this with WordPress.com
Get started