Leverkusen Posted June 30, 2014 Share Posted June 30, 2014 IS there any special code for doing this? Im not familiar with this kind of optimising Quote Link to comment Share on other sites More sharing options...
Solution fastsol Posted June 30, 2014 Solution Share Posted June 30, 2014 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 Quote Link to comment Share on other sites More sharing options...
Psycho Posted June 30, 2014 Share Posted June 30, 2014 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. Quote Link to comment Share on other sites More sharing options...
Rifts Posted July 1, 2014 Share Posted July 1, 2014 check out bootstrap http://getbootstrap.com/ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.