Just a thought about repsonsive

[pwired]

Hi,

When it comes to making a site responsive you read almost only about @media only screen and (max-width: px)

e.g.

@media only screen and (max-width: 500px) {
    body {
        stuff: values;
    }
}

So everything is done the css way.

But just a thought. Why not simply detect the device screen resolution and then load

a php template file with an include file, specifically made to output a layout and style

for that resolution ?

[kongondo]

Some people do it that way, i.e. do the detection server side. There's pros and cons to each approach:

http://mobiledetect.net/

http://www.smashingmagazine.com/2012/09/server-side-device-detection-history-benefits-how-to/

[Martijn Geerts]

My main concern to do it serverside is caching and it is always 1 step to late.

I prefer JS solutions for conditional assets & markup.

[tpr]

The truth is that both ways sucks from the dev point of view because doubles the development time

[benbyf]

It fragments your development doing it eith detection. Check out mobile first. It's 80% of the time the best way, and requires you to think about those low bandwidth and small screens first and enhance up to desktop.

Also use sass or less it'll simply make your life easy, and the aiom module for process wire is ace

[Jonathan Lahijani]

Keep Response JS in mind:

http://responsejs.com/

It's one of my go-to libraries on the frontend.