Now, what the hack is responsive web design?
As a developer, you need to keep in mind all the possible screen sizes and orientations. Visitors can come to your website through their laptops, smartphones , tablets etc. Responsive web design approach allows you to create a website with optimal screening experience. In more simple terms, you are not coding for a fixed width design. The layout adjusts itself according to the browser’s width.
One site for every screen!!
Now let’s look at some of the tools that make it easy to develop a responsive site. The ordering is random.
I personally use it. Easy to use, easy to customize and what not! Very beneficial for those who don’t know much CSS. Built by twitter developers, its really fun to use.
This fron-end web framework was built by a design company ZURB. It provides a flexible layout and its core element are reliable in almost all browsers.
Its not a framework, but a tester. It allows you to quickly get an idea about how your site will look on some most popular devices. It does not exactly replicate, so its always safe to test on real devices.
These were few tools to give you some basic idea, there are many others for test purposes.
2013 is the year of responsive websites, make sure you have one!!