Responsive Web Design

Design for Digital Media Environments – Responsive Web Design

With the multiple number of devices that people have these days its extremely important to make websites responsive. A responsive website design is one that adapts to difference sizes, from desktop, tablet and smart phone. An example of how a website adjusts to different screen sizes can be seen below. This type of browser that adapts to changing width came about in 2004 by Cameron Adams. Six years later responsive websites were becoming all the rage, at one point being list number two in Top Web Design Trends.RWDWhen it came to making our website responsive we decided to use bootstrap. By downloading bootstrap our website would become responsive as it is already integrated into bootstraps css file. As you can see from the images below our website is viewable on desktop, tablet and smart phone.

– Desktop

Screen Shot 2015-03-20 at 09.17.04

– Tablet

Screen Shot 2015-03-20 at 09.16.51

Smart Phone

Screen Shot 2015-03-20 at 09.16.33

References:

Caver, Stephen. ‘Responsive Web Design: 50 Examples And Best Practices – Designmodo’. Designmodo. N.p., 2014. Available from: http://designmodo.com/responsive-design-examples. Web. 20 Mar. 2015.