New Boston Globe website design

#1

Post by ra88it » Mon, Sep 12, 2011, 10:10 PM UTC

New Boston Globe website design
bostonglobe.com

Re: New Boston Globe website design

#2

Post by ra88it » Mon, Sep 12, 2011, 10:11 PM UTC

Resize the window to see how gracefully the site accomodates a wide range of window sizes (from a phone to a desktop monitor).

[edit: After further reflection, I'm stunned by how well they pulled this off. Huge leap forward.]

Re: New Boston Globe website design

#3

Post by jgavris » Mon, Sep 12, 2011, 10:23 PM UTC

ra88it wrote: post #2

Resize the window to see how gracefully the site accomodates a wide range of window sizes (from a phone to a desktop monitor). [edit: After further reflection, I'm stunned by how well they pulled this off. Huge leap forward.]

gracefully is subjective. media queries feel abrupt, even on my 'fast' machine.

Re: New Boston Globe website design

#4

Post by iKnowKungFoo » Mon, Sep 12, 2011, 10:25 PM UTC

jgavris wrote: post #3

ra88it wrote: post #2

Resize the window to see how gracefully the site accomodates a wide range of window sizes (from a phone to a desktop monitor). [edit: After further reflection, I'm stunned by how well they pulled this off. Huge leap forward.]

gracefully is subjective. media queries feel abrupt, even on my 'fast' machine.

Abrupt in what browser? Chrome doesn't feel abrupt.

Re: New Boston Globe website design

#5

Post by joshmlewis » Mon, Sep 12, 2011, 10:28 PM UTC

It is worth checking out. Really neat how well it does go from big to small. Was this done with Javascript/jQuery?

Re: New Boston Globe website design

#6

Post by naed » Mon, Sep 12, 2011, 10:33 PM UTC

wow thats a really slick and usable design. the call to action page if you click to a story is really fresh to.

Re: New Boston Globe website design

#7

Post by alexkearns » Mon, Sep 12, 2011, 10:34 PM UTC

I used a similar technique on my web-based timeline-software. The aim was for the timeline to work at almost any size. Not quite perfected it but getting close.

If you want to play with the resizing, you can use this link - http://www.tiki-toki.com/timeline/entry/43/Beautiful-web-bas...

Re: New Boston Globe website design

#8

Post by 1m27d » Mon, Sep 12, 2011, 10:36 PM UTC

joshmlewis wrote: post #5

It is worth checking out. Really neat how well it does go from big to small. Was this done with Javascript/jQuery?

It looks like they're using HTML5 Boilerplate.

Re: New Boston Globe website design

#9

Post by nek4life » Mon, Sep 12, 2011, 10:36 PM UTC

joshmlewis wrote: post #5

It is worth checking out. Really neat how well it does go from big to small. Was this done with Javascript/jQuery?

I'm guessing a combination of javascript and css media queries. http://twitter.com/#!/beep and http://twitter.com/#!/scottjehl were both part of this project. Ethan Marcotte has a responsive web design book that recently came out. http://www.abookapart.com/products/responsive-web-design I think there's 20% off today with the code BOSTON for the launch of the Globe's site as well.

Re: New Boston Globe website design

#10

Post by ForrestN » Mon, Sep 12, 2011, 10:36 PM UTC

I assume they are testing the waters for something similar for the NYT. I think it's very successful visually, and certainly a nice use of this new technology. My only nitpick is that I wish there was more letter spacing on the headlines. I don't know why the type has to be so squished.