Following the announcement that Google made on April 21st 2015 that it will be demoting websites that are not mobile friendly, here are a few things which need to be considered when making your site responsive from a web developer’s point of view!
One of the main elements that needs optimising in order to work well on mobile. Screen real estate is much more valuable now that there is less of it, and people will be annoyed if it’s taking up the entire viewport every time they browse to a new page.
Fixed widths on elements such as images need to be converted to a percentage width or given new width declarations for different screen sizes using media queries.
Sometimes using a table isn’t necessary at all and this can be removed and rebuilt using stackable elements. On occasion, a table is needed to properly represent the data and there are a few different approaches to this, really the solution depends on the content. For example, if the table data suits the use of a static left column. http://zurb.com/playground/responsive-tables.
Here are a few tips to consider when thinking about the stacking in the mobile view:
Want to know how friendly your site is? You can use this free tool from Google to test some of your website pages.
If your website doesn't pass the Google test don't panic! We will be happy to assist you if you have any questions and we’re always on hand to offer advice.