Beginners Intro: Considering Responsive Web Design
What is it and why should I consider it?
Well responsive design has been around for a little while now, it is a technique which allows you to create a website that will adjust its layout depending on the size of the browser window that it is being viewed in.
This is useful mainly because well how many times have you been looking at a site on your phone for example and had to zoom in and then scroll horizontally to view content? Annoying isn’t it? Basically with responsive web design you could then create media queries which find out and use the width of your browser window and then adjust the CSS within the queries creating new rules for them allowing the content to be displayed in a more user friendly way.
I’m not going to tell you that you HAVE to use responsive design when creating website…..you don’t have to, obviously, but with the world using technology such as tablets and smart phones which have the ability to view websites all be it on a smaller resolution screen wouldn’t you want them to be able to see your site without having to exert the effort of zooming in. It also prevents you from having to create multiple websites for mobile and PC as you would just be able to manage the different styles from within the one websites CSS……just saying.
Where should I start?
Well, before I start I will just say this is all in my opinion so don’t track me down with pitchforks and try to burn me for what I say next.
When creating a website to be responsive the main thing to think of is to make sure that you first off have planned for this. If you make sure that you design your layouts for all the screen resolutions that you want to use it will make things a lot easier when coming to actually coding it….bit of an obvious thing but more often than not it’s the obvious things we miss! Also when you are creating your designs all be it wireframes or just PSD designs, people will tell you to make sure that the different layouts aren’t too different so that when the screen size is changed it doesn’t look completely different, in my honest opinion I don’t believe this is correct only because I just don’t believe that anyone (other than developers who know your site is responsive and want to see the prettiness) would sit there and resize the window.
So basically with this section my main thing to say is be as creative as possible rather than trying to avoid jumpy changes.