I remember just a decade ago the only major concern for any web developer/designer was to make sure that the website is compatible with all current browsers. Which at the time weren’t many anyways. People could access the internet only with their desktop or laptop computers. Now fast forward to today and this has changed significantly. Not only do we have more types of browsers, we also have a lot more devices with access to the internet. Smartphones and tablets took the world by storm and it sure doesn’t look like they are they are going away in a near future.
Having many different types of devices that people can browse the web on means a diverse range of screen sizes and browsers to cater for. Creating a different a website for each individual device and screen size is not a practical way forward. Cue responsive web design was introduced! Responsive design is the process of creating a Web site that has the ability to dynamically reconfigure its layout, navigation, content and images based on the size and orientation of the user’s device and the browser on which it is presented.
This is achieved by using a combination of grid systems and CSS3 media queries. CSS3 media queries allow you to gather data about the site visitor and use it to conditionally apply CSS styles. For our purposes, we’re primarily interested in the min-width media feature, which allows us to apply specific CSS styles if the browser window drops below a particular width that we can specify. Responsive web design isn’t just another fad. It is rapidly entering the realm of standard practice. If you would like to find out more about what this mobile friendly solution means for your business contact us today.