Web Design For Make Websites More Mobile Friendly

Best Essays

Abstract The purpose of this paper is to explore the emerging trends that are occurring in web design to make websites more mobile-friendly. The main focus of this paper is how to design a website to be more responsive to meet the growing number of screen sizes instead of creating multiple websites to meet different viewing screens. Introduction

In 2013, IDC forecasted that 87% of connected device sales in 2017 would be tablets and smartphones (Columbus, 2013). Today we can see that the IDC forecast was correct with tablets out-selling PC’s (Anthony, 2014) and smartphone sales surpassing one billion units in 2014 (Gartner, 2015). With more individuals accessing the World Wide Web (WWW) using smaller screen size devices, Google has …show more content…

When using this strategy, the most important content and functionality are the main focus--not the size of the screen (Serianna, 2014). With over 30 different smartphone and 20 different tablets on the market, it is essential to have a fluid framework that will adapt to any screen size (Code Type, 2015). Today there are a number of ways to make websites’ frameworks fluid. One way is to use media queries to change the display of a layout when viewed at minimum or maximum pixel width. However, this way only allows for the screen to change from one set media query rule to another with no smooth progression between the media queries (Frain, 2014). In addition, there would still be a need for several media queries to properly display on all of the various screen sizes that are available. Another method of coding that would allow for a smoother screen progression would be to assign <div> elements’ width sizes as percentages instead of fixed pixels. The conversion of pixel width can be done using the formula target / context = result that was developed by Ethan Marcotte (Frain, 2014) . With this method there still would be the need for some media queries because some content could become so small that it would be unreadable. The latest and simplest way of designing a fluid framework is to use the CSS3 Flexible Box or flexbox elements to define a flexible layout within a web page (Karlmoz, 2015). Chris Coyier, a web

Get Access