[deleted]
New Boston Globe website design
31–40 of 111 posts
Re: New Boston Globe website design
#32Resize 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.
Yes, but it's purpose isn't to resize on the fly as you change your browser window. It's to have one set of HTML that reflows to your device correctly depending on the viewport width. I just checked it on an iPhone 4 and iPad (both portrait and landscape) in addition to a desktop, and it works astonishingly well across screens sized from 3.5" to 27".
Are the media queries a little laggy? Sure. I'll tolerate that over having to hunt down a stupid "view full version"/"view mobile version" link (and I'm sure some optimizations can be done).
I think this will set a new standard for the term "mobile-friendly"
Re: New Boston Globe website design
#33I 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.
Just curious: how do you resize "traditional media"?
Re: New Boston Globe website design
#34Resize 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.
It's not the transition from one layout to another that is graceful. Under normal circumstances, you're not resizing your browser to use a site. What's graceful is the fact that the layout is well suited for each and every resolution you throw at it, whether you're on a full-screen desktop or a mobile phone.
Re: New Boston Globe website design
#35I 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 believe Ethan Marcotte was involved as well as one other group. He spoke almost entirely about the redesign at front end conference this year.
Re: New Boston Globe website design
#36That is very nicely done. I am glad they didn't go for the temptation to put the display add in the laft column so that as the page shrinks it re-flows to putting only ads above the fold.
Re: New Boston Globe website design
#37I 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.
Just curious: how do you resize "traditional media"?
Well, you can fold a newspaper up so you're reading one part of it at a time, for example.
Re: New Boston Globe website design
#38I 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?).
It could also benefit from better copy. "Everything from a timeline's colour scheme and date range to its background image and intro text can be changed in the Settings tab." -- a wall of badly-punctuated text, really unappealing.
Kudos for the app though, it does look nice. More auto-importing and some iPhone action please :)
Re: New Boston Globe website design
#39Keep in mind that the point isn't to be flashy when you resize your window, it's that the site will work just as well on tiny mobile screens, medium tablet screens, and large computer screens without separate domains, crappy shim layers (I'm looking at you, wp-touch), etc.
Or for people who like to not have their browser be fullscreen all the time.
Or for people with high resolution monitors who dislike the fact that a lot of web pages have more white space on the sides than they do content in the middle when their browser is fullscreen or close to it.
Granted, I realize that making any specific column of text too wide hurts readability, but most sites could benefit from being more multi-column (size permitting) and getting some of the ads and other non-text elements out to the sides more.
Going to a website and seeing one fixed bit of content at 1024px or whatever in the middle is so very lame. I am glad to see some websites starting to move away from this, and now that working examples can be seen hopefully other sites will be shamed into following suit.
Re: New Boston Globe website design
#40The 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.