Today Infographics becomes one of the most popular forms of data presentation. It’s widely used to introduce complex information in a clear and simple way. And even if a static infographic is so effective in presenting information visually, there is also a dynamic infographic that is an enhanced version of a static infographic.

With this article we invite you to see a dynamic infographic that will help you understand the basics of responsive web design. Being one of the hottest trends for the last two years RWD (Responsive Web Design) continues its glorious walk to the hall of web design fame. Basically, this term means that a web site uses CSS3 media queries, an extension of the @media rule, with fluid proportion-based grids to adapt the layout to the viewing environment, and flexible images. So, this technology is aimed to display your website properly on devices with various screen resolutions (laptops, smart phones, tablets etc).

As for the infographics featured in this article, it has Google recommendations on responsive design, links to helpful tutorials, interesting blog articles, useful tools, free PDF books and also hot tips on how to build responsive sites. Great stuff, isn’t it? And what is the most exciting thing is that the infographics is like an interactive game where you choose which button to press, meaning you will only read the information you’re really interested in.

An image below shows a static Responsive Web Design Infographic, but if you click on it you’ll be taken to the dynamic version of the infographic.

Source: http://www.templatemonster.com/infographics/responsive-web-design-interactive-guide.php

Written by Ann Hudson: The article is written by Ann Hudson who has recently joined TemplateMonster to share her thoughts on web design and web development. Ann Hudson  on Google+.