New Boston Globe website design • Hacker News Board

Re: New Boston Globe website design

#61

Post by blahedo » Tue, Sep 13, 2011, 1:55 AM 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.]

Yes, it's not just the flowed columns. Notice also: the masthead logo, the weather bug, the section menus (which switch to collapsed "Sections" at narrow width), the photo sizes.

Actually, it's the weather bug and the logo that really do it for me. There's a lot of love that went into this design.

Re: New Boston Globe website design

#62

Post by rorrr » Tue, Sep 13, 2011, 2:00 AM UTC

elliottkember wrote: post #17

I think responsive design that changes when resized like this is a bit annoying and unexpected. When I'm using the page and I resize it, I lose my place on the page and all the content reflows. There's nothing in traditional media that works that way.

Why would you resize your browser while reading a page?

Re: New Boston Globe website design

#63

Post by mark242 » Tue, Sep 13, 2011, 2:33 AM UTC

bstar wrote: post #48

Screw the layout, whoever came up with the dependency manager is a friggin' genius.

What, a servlet that does a split and a concat?

Re: New Boston Globe website design

#64

Post by pauljonas » Tue, Sep 13, 2011, 2:34 AM UTC

Looks good, but line-height gets messed up when using the menu dropdown to select a bigger (i.e., "bigger", "biggest") text size.

See screenshot: https://img.skitch.com/20110913-qpbjnmcr2cjqcgwtfahen878sp.p...

Re: New Boston Globe website design

#65

Post by sailfast » Tue, Sep 13, 2011, 2:48 AM UTC

Nice design and a layout that I'm sure will be mimicked by a number of other traditional paper outlets - if they're smart. Now to figure out how to do it myself! hehe

Re: New Boston Globe website design

#66

Post by jeffool » Tue, Sep 13, 2011, 2:57 AM UTC

Adaptive wrote: post #27

The real success here is not the fluid design (which is awesome). It's getting it through inside a traditional media company. I'd love to read a frank overview of that process as well as the design itself.

Amen. Coming from a history of local news... God they don't understand web design. My local stations still have pop-ups.

Re: New Boston Globe website design

#67

Post by sixothree » Tue, Sep 13, 2011, 2:58 AM UTC

iKnowKungFoo wrote: post #4

jgavris wrote: post #3

Earlier quoted context omitted.

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

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

For me it doesn't render properly in firefox. It never seems to make it into the single column mode. Chromium on the other hand, smooth like butter.

Re: New Boston Globe website design

#68

Post by jgavris » Tue, Sep 13, 2011, 3:19 AM UTC

iKnowKungFoo wrote: post #4

jgavris wrote: post #3

Earlier quoted context omitted.

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

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

yikes, bad karma, i was half joking with the negativity. good iOS apps have nice animated transitions between portrait and landscape.

Re: New Boston Globe website design

#69

Post by brackin » Tue, Sep 13, 2011, 3:22 AM UTC

alttab wrote: post #29

alexkearns wrote: post #7

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...

That app would be really cool if you could visualize data that imports from other sources. Imagine documenting your facebook pictures instantly through time via the site's meta data and links to the pictures themselves, etc. Well done. I noticed that the navigation gets borked when the screen gets really small. I think the choice here is to show a different navigation menu (rollover menus?).

This exists, look up MemoLane. They're a startup which is exactly like this but for your social network postings.

Re: New Boston Globe website design

#70

Post by ugh » Tue, Sep 13, 2011, 3:24 AM UTC

lurker17 wrote: post #51

spdy wrote: post #40

Earlier quoted context omitted.

http://www.alistapart.com/articles/responsive-web-design/ This looks like a good start to get the basic idea with examples on this space. Today is the first time i saw something like this and im really interested on learning it.

Why does alistapart, which appears to focus on usable web design, have these features?: * A tiny font * huge spacing between lines * excessively wide columns * that cannot be resized

The fundamentals are solid (the line height is perfectly alright, about one hundred characters per line are within the range of empirical results on optimal readability).

I suspect the font is so small because the design is so old. As far as I know it hasn’t been updated in ages. It’s old but by no means bad design.