Responsive Web Design

One of the questions we most commonly field is “What is Responsive Web Design?”, and we typically answer from a Coding perspective. In a nutshell: the HTML files are coded with flexible images and media queries so that the design will render differently based on the viewing device (say desktop vs mobile or tablet). Coding for RWD is more complex, and typically takes 50% more time than non-responsive. Additionally, the designer and the coder need to be on the same page, and therefore communication time is also typically increased. We came across this stellar blogpost from Sandijs Ruluks with the FROONT team on 9 basic principles of responsive web design, which addresses many of the questions from a Design perspective. As the saying goes: A picture is worth a thousand words. We think the animated GIFs included in the article are worth a lot more. Check it out!

Read More