Different devices

Testing a new site on different devices is essential once you have established a design, colour scheme and navigation. You don’t always need to have all the various devices at your disposal as there are good emulators, although having at least a few devices such as a Smartphone, Tablet and Laptop are essential.

A popular design plan is ‘mobile first. This involves designing your web site to fit the screen sizes for mobile devices first before going up the way to Tablet and then finally Desktop PC. This can be achieved by using several media screen queries in your CSS style sheets. I will discuss these media queries in further detail in the future.