Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Basecamp Next: UI Preview

37signals.com

Post reply on HN
Print view View original

31–40 of 85 posts

Re: Basecamp Next: UI Preview

#32

Post by sohara »

sstephenson wrote: post #11
JCB_K wrote: post #5

Nicely done. Very fast as well, never seen a webapp load that quick. Anyone with a bit of explanation on how this is done?

Basecamp Next's speed comes from the combination of an aggressively cacheable design and HTML 5 pushState.

Curious about how you're employing pushState. Is it through pjax or something similar?

Re: Basecamp Next: UI Preview

#33

Post by sstephenson »

rsanheim wrote: post #27
sstephenson wrote: post #11

Earlier quoted context omitted.

Basecamp Next's speed comes from the combination of an aggressively cacheable design and HTML 5 pushState.

Can you expand on what sort of caching you are talking about? Client side caching in the JS layer, varnish or some other http level caching, some sort of server side in the Rails app itself, etc ?

All of the above.

On the app level, each fragment of markup is free of user-specific data so all users can share the same cache. (User-specific concerns are pushed down into JavaScript and CSS.) Those cache fragments are then nested, so we can cache at all levels of display: an individual to-do item, the to-do list with all its items, all to-do lists in a project, and the entire project itself.

At the HTTP level, we send an ETag in the response for every GET request. Since our app caching means we don't incur the cost of a full render, we can serve the requests very quickly and avoid sending back the contents of the page if your browser already has it.

At the JavaScript level, we cache DOM elements for every sheet you've visited in the current page load, and display them immediately (while fetching the latest version in the background) when you re-visit a URL.

Re: Basecamp Next: UI Preview

#34

Post by robertp »

JCB_K wrote: post #5

Nicely done. Very fast as well, never seen a webapp load that quick. Anyone with a bit of explanation on how this is done?

Agreed. From the video it seems like this is a great way to see overviews of what is going on. And the overview seems really simple like a natural jump from current to Next. That is a big problem I have with current basecamp. I never try to read and think about the overview page cause it is so confusing. I am either in to-do or messages. Never in overview. I can't wait to get our company basecamp moved over.

Re: Basecamp Next: UI Preview

#35

Post by sstephenson »

sohara wrote: post #32
sstephenson wrote: post #11

Earlier quoted context omitted.

Basecamp Next's speed comes from the combination of an aggressively cacheable design and HTML 5 pushState.

Curious about how you're employing pushState. Is it through pjax or something similar?

We started out with pjax (which is awesome) but ended up rolling our own framework called Stacker which lets us have complete control over the UI.

Re: Basecamp Next: UI Preview

#36

Post by robertp »

farlington wrote: post #3

This is real pretty. I love the stacked paper visual analogy of the 'focused' view in a project, it's so instantly visually apparent what's going on. I wonder how many trends this UI/UX is going start.

Yesterday I started working on a "panes" page for a project and I think shifting the pane so it appears like a stacked paper make a lot of sense after seeing it in action.
Post reply on HN