1. Responsive Design Bookmarklet
Responsive Design Bookmarklet is a handy tool for responsive design testing. You simply need to drag the bookmarklet above your bookmarks bar and it will be applied in your browser. How it works : Firstly, Toggle a fake keyboard to see how much space is visible when users are entering data in forms. There after Toggle CSS Refresh.
When you save a CSS-file, the changes are directly implemented, without any need of refreshing the browser you are working in. Lastly, close the bookmarklet and return to the current page. This lets you preview the current page on screen widths that fits the size of tablets and smartphones.
2. jResize Plugin
jResize is a responsive web development tool, built in jQuery for assisting the workflow of developers on responsive projects. Embedded in the page are iframes at different widths. So, it becomes quite easy to resize your HTML within your browser. All you have to do is download this cool tool and when you click the width you want, the size changes accordingly.
The Responsive Calculator is a tool that makes it easy for the designers easy way to convert pixel to percent in a given context. It helps you turn your PSD pixel perfection into the start of your responsive website. Simple click does the needful.
Screenfly by QuirkTools is an online digital device simulator tool that lets users view their responsive website in different devices viz. desktop, tablet, mobile or TV. It is easy to use and as mentioned gives you a wide variety of options like visualization on variously sized desktop monitors and on a virtual television screen. Besides it has options to enable or disable scrolling or even to rotate the display.
Responsinator is a cool tool/an online portal that lets you preview your web page on smartphones and tablets in both portrait and landscape mode. Besides, Responsinator gives you a realistic experience of viewing your site on multiple screens. Just enter a URL and preview it on an iPhone, iPad, Kindle, and other Android phones.
Viewport resizer is a browser-based tool that lets users test any website’s responsiveness. Users simply need to save the bookmarklet, go to the page they want to test, click on the created bookmarklet and check all type of screen resolutions of the page.
This is a simple and helpful tool that asks you to enter the URL of the site/page that you want to test and then select the device of your choice.
Developed by Edward Cant, ReView is a dynamic viewport system that provides efficient responsive web design viewing choice. Users can opt from ‘Opt-In’ and ‘Opt-Out’ responsive design states.
Original Source From: http://thedesignblitz.com/