Hacker News Reader

Comment by Sam_Odio | Hacker News Reader

Nope - it was designed in house by Michael Yuan.

Very talented guy. There are a couple CSS hacks in there that don't exist anywhere else on the 'net. Try to find them!

The rgba() colors, the text-indent: -9999em's, or the -webkit-transform? Panic's actually been doing that on their blog too: http://www.panic.com/blog/ But still cool stuff :)

Some UI issues:

- The front page acts weird if you have it any less than full width. Things get pushed around in a weird way, including getting pushed off the page. But this is really just a nit-pick, because the important things stay on the page.

- The Flickr import is slick, but needs a progress indicator after you click the Set to import.

- The buttons at the top really should have some text underneath them. By themselves, I had to hover over each to figure out what they mean. I'm sure I'll get used to it after a while, but it's confusing up front.

- Twitter's disabling basic auth in June. Better get switched to OAuth soon ;)

Nothing major and a damn good 1.0. Great job!

+1 on text bellow buttons. Very annoying to have to hover them all too see what can be done.

Generally, there is too much hovering required. Reminds me old quests, where you had to hover over everything to see if some element accepts actions.

Great look - feels more like an app then a webpage.

A few usability comments:

- I kept trying to click the buttons embedded into the help tips, but they're roll-over only.

- The ui doesn't respond instantly - probably because it's loading additional content. While we've been trained to deal with this on normal HTML links, the site looks enough like an application that it seems like things are broken. Please add some sort of progress indicator.

- Progress indicator while uploading, too. I tried uploading a directory and nothing happened. Then I tried another dir, and nothing happened. Eventually, the second directory started showing up.

- When I rotated my small image, the UI got messed up - the text field for the name of the image started overlapping the image itself.

Keep up the good work.

> - I kept trying to click the buttons embedded into the help tips, but they're roll-over only.

Yes. This bugged me. They looked like such beautiful buttons. I was kind of disappointed when clicking them had no effect.

Do you have a source on Twitter disabling basic auth in June? That would be pretty huge, and the API documentation says:

While we have no plans in the near term to require OAuth, new applications should consider it best practice to develop for OAuth. [...] There are still a number of archetectural use cases to work through before we consider the deprication of Basic Auth. Before any changes begin to happen, we will discuss them with the community through the support channels, and give at least 6 months lead time before making any policy changes.

http://apiwiki.twitter.com/Authentication

Yes, Basic Auth is ending in June. Most recently documented today: http://groups.google.com/group/twitter-development-talk/brow...

Wow, as a non-native English speaker, I think those are some really bad spelling failures.

What's the purpose of the text-indent: -9999em?

One of the ways that you can create a good looking button or clickable image is to set the background image of an element so that you can take advantage of features like :hover pseudo-classes. Sometimes you don't want the text to appear inside of that element, like if the text for your button is inside the image. The solution is using a huge text indent number (-9999, to take it off of the left side of the page). It's basically a trick. An em is just a measurement, equivalent to the width of the letter M.

You'll notice sometimes when clicking a link that you'll see the dotted outline text extend all the way to the left side of the page. That's because the text inside of that element is actually way far off 9999em's to the left of your display. Like a bad act getting pulled off-stage by the big long hook around the neck.

http://www.panic.com/goods/

This is the most awesome shopping cart I've ever seen online!

in our experience, a drag drop action is incredibly hard for a user to perform, and should really be reserved only for when it add significant UI context to the action.

i'd stay far away from having users drag and drop goods into a shopping cart.

But once you get it you will be very addictive to it :D

A drag drop shopping cart is far more interesting than a cart webpage, more intuitive, quickly manageable.

revenue is not made by "interesting" products. and for a shopping cart, i'm not sure it's necessarily that much more intuitive.

I would like to pass along congratulations to Michael Yuan. This site is beautiful and inspiring. Would you guys mind sharing the tools you used to produce it, and how long it took?

I'd also love to know

Reply on news.ycombinator.com