Responsive design is a way to create a site that is not only compatible with a desktop computer, but also with smart phones and tablets. It gives the developer something to think about when developing a website. Should a developer look to develop the normal desktop design, or should he/she also add in changes so that it becomes accessible to smaller screens?
Responsive design has become something to consider for web developers when it comes to creating a new website for a client. But how can someone create a website for two screens? The best way to create a site for both platforms is to use media queries in the main CSS, which targets the width of the average smartphone and/or tablet. When creating a media query, you may have to create new rules that are specific to instances when it is viewed on a smaller screen. It doesn’t contradict or ignore the main CSS rules that are already created for a desktop computer screen, it instead adds to it because of the media query. The media query is states that “If the screen is this specific size, perform these specific actions”. It’s as simple as that. Media queries may add on more work than you already have, but in doing so it will help to create a responsive design without the need for outside plug-ins.
There are many routes that can be taken for a responsive design website; it all depends on what the developer wants out of the website, and how the company wishes it to function when it comes to accessibility. Each route takes work, but what you can establish through all of it is a website that is accessible to anyone at any time; that is what responsive design is all about. Always remember to keep your users in mind; would the user access your site through a desktop computer, or would they likely look through their smartphones and tablets when they are on the go? Responsive design is definitely something to think about when it comes to web development and how you plan to create the site itself.