With the rise of mobile devices and people using them more and more to go online, the need for web design that works across devices arose. While the term “responsive design” wasn’t coined till May 2010 by Ethan Marcotte, the concept finds its roots in 2004, when Cameron Adams first demonstrated a site layout example that adapts to browser viewport width.

Leaving all that dry historical data behind, let’s look at the basics of responsive design. If you’re already up to your elbows in the concept, then you might want to look at another post of ours: Responsive Webdesign – A Paradigm Shift In The Industry [Infographic].

As the title – responsive design for newbies – suggests, this post is but a brief visual intro. The following infographic provides data on mobile Internet usage, predicted stats, and a straightforward definition of responsive design:

An optimal approach to web design aimed at crafting sites to provide…easy reading and navigation…across a wide range of devices.

So, if you want your blog to be an enjoyable read on a netbook, a normal-sized laptop, a tablet, a phablet, and an average mobile phone, you need responsive design.

Via Rebuild Nation

Now that you have the basics of responsive design, what’s next?

You can either look for themes that are built to be responsive without you having to code anything, or you can hire someone to do the work for you. If you’re a blogger on a limited budget, then the former option is obviously the more feasible one.

推荐阅读：
三类护耳食物可以延缓老年人听力下降　 红枣养生知识：食用红枣需注意的问题　 健康面点拒绝这些有毒的添加剂原料　 火锅健康吃法：先素后荤 煮烫适度 少吃辣　 柚子的保健功效以及食用柚子的禁忌　 许多人已经走入了补充益生菌的误区　 怎么吃核桃对男人的补肾效果最好　 人体感冒时候应避免食用这些食物　 感冒时多吃这些食物有助于感冒治愈　 白糖在家庭厨房里烹调食物中的妙用