“Responsive web design” was originally coined by Ethan Marcotte in his article by the same name in A List Apart back in May of 2010. He laid out a three-pronged approach for designing and developing websites utilizing three techniques: Fluid Grids, Flexible Image and Media Queries. From these humble beginnings numerous meanings and terms have been coined and developed revolving around the core concept: “Adaptive Design”, “Progressive Enhancement” – all of them sharing the aim of delivering the best possible experience to the widest possible audience.

As the landscape of devices and device form factors continues to grow, this approach of designing and developing flexible and adaptive layouts that respond to all possible variations will prove indispensable. This allows for the development and maintenance of one master site, saving the time, cost and effort of designing and maintaining numerous independent sites.

We have developed a demo of Adaptive Design in HTML5 that degrades flawlessly for full support across older browsers. This demo has been built for delivery across large cinema displays and televisions, laptop and computers, tablet and mobile devices.