I have been researching the current ways responsive web sites are created but as it is fairly easy to detect screen resolutions using Javascript on a landing page and redirecting to pages suitable for that resolution. What are the thoughts on redirecting to suitable pages or trying to get a page to resize to suit a resolution.
From what I have seen a lot of compromise has to be made to make one page suite both Maximum and minimum resolutions. then there is colour depth that comes into it.

I would like any thoughts on what range of resolutions one page could display satisfactory. I am thinking 3 sizes Large Small and Mobile. Probably get away with two.

I'm redirecting for a virtual tour panorama I have setup on one website because the applet I use isn't iPhone friendly. The redirect is to a full screen panorama which looks awesome on my iPhone. I'm also using the mobile friendly page as an option on the applet pages for users to get a full page panorama so for me it servers two rolls and is way faster then trying to make a site look good in both.

That makes sense. How successful do you think resolution detection is. I am under the belief that all browsers will recognise the call to resolve the visitors screen size. then redirect accordingly.

I do not use a Iphone or smart phone, no need. I have just pensioned of my 'brick' for a simple Nokia. That technology is not on my radar yet.
I often wonder if it is just a connection with the past or that this is only a small part of my life. I do love technology but generally that a bit left of centre.
I raised this as my main site is cooling down and I believe about 30% of visitors to sites now use their phones as it seems you do Eric. So I guess I have to move with the times and accommodate their demands.
As a further question. Would it be best to auto redirect or give a visitor a choice as to what layout they view

I'm going to auto redirect and give the option to go to the full site with a link on the mobile friendly one. I thinks that's what I've been seeing the most lately.

This is the big question... and one with no clear answer:
http://www.netmagazine.com/features/big … t-strategy

Here's a good explanation of adaptive-fluid-responsive layouts:
http://www.onextrapixel.com/2012/04/23/ … a-queries/

For the site I'm working on now, customer polling led to the conclusion that a fully responsive site was the way to go. Plus, it's easier on the site owner, who will need to make weekly and monthly updates. Everything in one place rather than 2 different site versions. But this is a small site – only 4 pages, no lengthy articles or 10,000+ product store – so it's well-suited to the responsive layout.

For larger, more complex sites, I think I would do what Eric mentioned. But, it really depends on the type of site and the potential users.

Dive in, Prism! I'll need to pick your brain about some PHP for auto-sizing images when I get a bit further along with this.

Interesting discussions, I can understand a client wanting the latest trend but in my case I will create a viewing experience just for a mobile and let Javascript take them there.


To me this makes sense. With a phone you just want quick information at your desktop it is the experience that is important.


She'll be right just give us the drum.

I was surprised how many of the people I questioned are using their phones for most of their web browsing. I guess I'm just a geezer – I only use my phone's browser if there isn't an alternative (like waiting "til I get home ).
So far, I'm liking how this responsive design works. Will have to see how the image sizing goes before I say I really like it!

Looks Like I may have to do some picking of the brain myself. I will attempt to come up with some kind of resizeable scripts if you indicate what you are trying to achieve.

The Nivo Slider is responsive. I use it here: http://trivium-interieur.nl/nieuw/project1popup.html (a 'under construction' site) Click on the popup link and resize it to find out.

This is their website: http://nivo.dev7studios.com/

Success, John

that there is a good example of where "responsive design" is a bit flawed. I'm on a 24 inch monitor and trust me when I tell you that image doesn't look good that huge, it's not that huge of a picture and yet it sizes to my browser window. There are some places where responsive design may not be the best solution