It is ironic that the design aspect of responsive web design is often shadowed by the implementation or development side of the process. As builders of the web we often concern ourselves with the semantics of the process, ensuring that three columns collapses into two, and finally into one; but we forget that the big challenge we face in this process is to still design a beautiful interface for the content as well as ensuring the branding conveyed on a mobile is also consistent as the viewport increases.
While the standard approach to web design still works, there are a few tweaks to the process that you need to be aware of when you begin tackling the beast.
The topics below are some of the key areas that you should look at when designing responsively.
Responsive Grid Based Design
Responsive Grids are the best way to get started with your responsive layout and come in many forms. Use an ex...continue reading.
Navigation is second to content when it comes to importance on your site, check out these emerging patterns to...continue reading.
Responsive Typography relies on the fact that you build your CSS using proportional measurements, like EMs....continue reading.
Designing Responsive Content
Content is more than just words, it also include images, videos, tables, forms, audio and more. Each item in i...continue reading.
Content First Design
Responsive design is about a single source of content across many viewports, and therefore requires the conten...continue reading.