Undoubtedly, the art of designing and creating website has changed a lot in the last few years. Emergence of parallax scrolling, flat designs and most important, device friendly designs has entirely changed the face of the web designing and development world. Job of web designers and Front-End coders has become extremely demanding because they have to come up with highly interactive and attractive appearance of the website so that they can catch the eye of the target audience.
However, the important thing prior to holding the people on website is, reaching the people you are focusing on. Now, this brings us on the spot, where we have to consider the fact that, how people are accessing the websites and web portals these days. With the increase in the ownership of the smart-phone holders, it is seen that people are doing a lot of stuff on their phones or other hand held devices, this includes surfing web also. As people have started to use internet on their phone for their daily web surfing, it has made web designers to change the approach of their work. Now they not have to create website only for desktops, but also have to make it responsive, so that the site can adjust to screen of any device from which it is being accessed.
Well, this surely increases the burden of job on the web designers as there are tons of devices with different screen sizes, that people are using across the globe. Surely, creating a design friendly to the screen of all devices is a huge ask, but fortunately there are tried and tested approaches that can reduce the work load big time. Here are the couple of best approaches, that designers can follow:
- Usage of CSS frameworks: Availability of spectacular CSS frameworks like Bootstrap by Twitter, and Foundation by Zurb helps designers big time. Code provided in these CSS structures is complete in itself to make any website responsive, once the code is integrated into the website markup properly. This approach is time saving as one does not have to coding manually.
- Using Media Queries: This method is time consuming because in this, one has to write the CSS for several media queries, which helps to cover the screen resolution of all the hand-held-devices. But, using media queries is a better option if your website is small and you are not willing to integrate the extra code of CSS frameworks in your markup.
Which approach is better from the above mentioned has always been a huge point of discussion among web designers, but one only chooses the method with which one is confortable.