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

New Boston Globe website design

bostonglobe.com

Post reply on HN
Print view View original

51–60 of 111 posts

Re: New Boston Globe website design

#51

Post by lurker17 »

spdy wrote: post #40
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.

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

Re: New Boston Globe website design

#53

Post by asimeqi »

cwe wrote: post #24
voidfiles wrote: post #22

I smell filament group( http://www.filamentgroup.com/ ). Anyone know who led the design?

This redesign is all over filament's home page, so it looks like they indeed were. EDIT: http://filamentgroup.com/lab/introducing_the_new_responsive_...

I think it is worth pointing out that this is not a redesign but an entirely new site. That probably made the website easier to develop. The old site, boston.com, hasn't changed.

Re: New Boston Globe website design

#54

Post by idonthack »

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.

the designer is Ethan Marcotte, he's written a book about fluid (or as he calls it, "responsive") web design.

http://www.abookapart.com/products/responsive-web-design

one member of the backend dev team was posting in /r/web_design over on reddit. if you're really interested, it couldn't hurt to post a reply and ask him about things.

http://www.reddit.com/r/web_design/comments/kd2e9/boston_glo...

Re: New Boston Globe website design

#55

Post by keeperofdakeys »

Here is one of the lines of the source code:
For those who don't know, this disables user scrolling on every standards-compliant mobile device. The reason is a bug on iOS, that causes test to flow off screen when changing orientation on non-default zoom levels. http://adactio.com/journal/4470/

I really wish more sites would enable it by default, then use javascript to disable it for iOS devices. I have come across many sites with small text that I want to zoom, but can't (this is especially bad for people with poor eyesight). Disabling it for everyone reminds me of the days of IE5 and 6, when other browsers were hampered by IE's bugs; we are only starting to see what having no bug-ridden, dominant browser on the Desktop can bring.

Before anyone says that browsers shouldn't implement this feature, they should. For better or worse, it is a part of the standard. Using browsers that don't implement parts of the standard would bring about situations even worse then this.

Re: New Boston Globe website design

#57

Post by blahedo »

I am IN LOVE! It has been years since I've seen a mainstream site that didn't force itself wider than my default window (usually 600-800px, a bit less than half my screen). A lot of the sites that "try" to "address" the issue of multiple resolutions still focus on two targets: mobiles, and full-screen 1024+ monitors. Some of us are in between!

Thanks, Boston Globe.

Re: New Boston Globe website design

#58

Post by RegEx »

You don't have to be a huge web design shop to successfully build fluid websites. A good place to start building sites like this is the 1140 grid[0]. We've knocked out a couple of client sites with it [1]. Getting the basic layout to resize is super easy...it's the positioning details for the media queries that can take hours.

[0]: http://cssgrid.net/

[1]: http://etbeancounter.com/

Re: New Boston Globe website design

#59

Post by Scaevolus »

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

The [More->] windows scroll too slowly. A full finger movement of the wheel only advances the text by a single line. It feels sluggish and frustrating.
Post reply on HN