swa66 - 10:24 pm on Feb 5, 2013 (gmt 0)
I'm currently reworking the layout of my oldest and biggest site.
Given the size of some of the content it has been begging for wider width (It's limited to fit a 800px wide screen - yeah the update is long overdue).
But if I give it more width on screens that can support it, I start to ruin the experience on an IPhone.
Doubling up the content: no way I'm going there, there's far too much to duplicate it.
So a responsive thing where the navigation goes different when narrow vs. when wide, even in steps, where the narrow stuff might well use intentional sideways scrolling for some content (much like the sideways scrolling when looking at screenshots when buying an app). etc.
There are quite a few really nice responsive designs out there where in steps depending on the width elements change in behavior, size, position etc. Most users will never know, but to me it's the only way forward.
Add providing for retina images.
Aside of finding a solution for all the different content in there right now (site is online since 1994, rest assured it's got quite a variety of content over the years), the main thing blocking me is to be able to swap a 728x90 banner for something suitably sized for a iPhone. And no the server doesn't know what size the user is using - which I consider to be a good thing: the content should display right on all viewport widths that are even slightly reasonable.
So an in iphone it might be right to have a very tall but narrow page where navigation is just a button that you need to click to see the choices, on an ipad it might well be a website that looks much like it does today (single column somewhat pressing the content in the width. If a user allows me on a computer more width, it could be used to stop squeezing the content, if they allow me a lot more, I could more some things (e.g. advertising) out of the top-down flow and into a sidebar (oh: I need to resize it once again), and maybe even go multi column if they show it on a 1920px wide window to reduce the length of text lines.