Responsive Design

Is there any native function inside WordPress that accommodates for responsive design?

So far I’m finding the media queries a little inefficient since the content size loaded by the browser will be the same regardless of the screen size.

sy4mil said
Is there any native function inside WordPress that accommodates for responsive design? So far I’m finding the media queries a little inefficient since the content size loaded by the browser will be the same regardless of the screen size.

Responsive design are nothing more than adaptive css styles, nothing to do with the WP core.

Parker

Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is.

I’m sure there are plugins to replace your active theme with a mobile theme.

ParkerAndKent said

sy4mil said
Is there any native function inside WordPress that accommodates for responsive design? So far I’m finding the media queries a little inefficient since the content size loaded by the browser will be the same regardless of the screen size.

Responsive design are nothing more than adaptive css styles, nothing to do with the WP core.

Parker

Wouldn’t the difference between browsers a matter of css styling as well? Thus we have the browser detection function residing inside WP core http://www.nathanrice.net/blog/browser-detection-and-the-body_class-function/

SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.

I agree. But I wasn’t looking for a plugin.

For basic responsive design, NickLa tutorial is the best for me.

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

sy4mil said

SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.

I agree. But I wasn’t looking for a plugin.

Sorry, I mis-spoke, I meant to say that a ‘function’ could never exist to automatically make a theme responsive.

The ‘content size’ is determined by the theme, not by WP or the browser.

SplitV said

sy4mil said

SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.

I agree. But I wasn’t looking for a plugin.

Sorry, I mis-spoke, I meant to say that a ‘function’ could never exist to automatically make a theme responsive.

The ‘content size’ is determined by the theme, not by WP or the browser.

That was not my question either, I know very well there is nothing inside WP that auto-magically do anything including making a coffee or a sandwich. Do I sound like I believe in fairies?

I was asking whether or not WP has anything that detects browser size, so that the content can be served differently for each set of sizes, which then would allow you to save users from loading heavier content that was meant for desktop viewers when in fact you’re just hiding them with display:none when viewed from a smaller screen/mobile, or use something like img { max-width:50% }.

If that is not an option, then how about if we use javascript to check the screen size prior to loading the content, then use wp_ajax to load the heavier content specific to that screen size? Has anyone tried it that way or is that generally a bad idea?

SplitV said

sy4mil said

SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.

I agree. But I wasn’t looking for a plugin.

Sorry, I mis-spoke, I meant to say that a ‘function’ could never exist to automatically make a theme responsive.

The ‘content size’ is determined by the theme, not by WP or the browser.

That was not my question either, I know very well there is nothing inside WP that auto-magically do anything including making a coffee or a sandwich. Do I sound like I believe in fairies?

I was asking whether or not WP has anything that detects browser size, so that the content can be served differently for each set of sizes, which then would allow you to save users from loading heavier content that was meant for desktop viewers when in fact you’re just hiding them with display:none when viewed from a smaller screen/mobile, or use something like img { max-width:50% }.

If that is not an option, then how about if we use javascript to check the screen size prior to loading the content, then use wp_ajax to load the heavier content specific to that screen size? Has anyone tried it that way or is that generally a bad idea?

sy4mil said

That was not my question either, I know very well there is nothing inside WP that auto-magically do anything including making a coffee or a sandwich. Do I sound like I believe in fairies?

I was asking whether or not WP has anything that detects browser size, so that the content can be served differently for each set of sizes, which then would allow you to save users from loading heavier content that was meant for desktop viewers when in fact you’re just hiding them with display:none when viewed from a smaller screen/mobile, or use something like img { max-width:50% }.

If that is not an option, then how about if we use javascript to check the screen size prior to loading the content, then use wp_ajax to load the heavier content specific to that screen size? Has anyone tried it that way or is that generally a bad idea?

Take a look at how some of the mobile theme plugins detect mobile browsers on the server. Usually it’s by detecting the user-agent of mobile phones. Then you can send the content you wish.

wiki used to have a list of user-agents, but I cannot seem to find it now.

And when you mention size and responsive design, I automatically assumed you meant ‘size’ as in dimensions of the content, sorry about that.