Jump to content

Optimising website for mobile androds and iphones


Leverkusen

Recommended Posts

It's called responsive design.  The difference is the use of css media queries to change the layout of the page when it detects a smaller viewport size from the device being viewed on.  Here is a good tutorial on the subject http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

Optimizing probably isn't the right word. Responsive and adaptive web design are probably what you are looking for. This involves code changes such that the output of the web page will "work" on a mobile device. This typically means a single code base but different layouts. There is a plug-in for Chrome called User Agent Switcher that allows you to trick the website into thinking your browser is a mobile device. You can then reduce the size of the browser window to make it seem as if you are on a device with a small(ish) display. This allows you to look at sited that work well in both desktop and mobile devices to see what decisions they made to implement their site for both types of output.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.