TechBrij
February 11th, 2012

How to Test Responsive Web Design

My previous post explains basic steps for responsive web design to make the site mobile, tablet and desktop compatible. Now, we have to test the website in different resolutions. You can test it simply by resizing browser window, but It’s not convenient resizing to a specific dimension(width and height) each time. Here are tools or utilities to test effectively.

...

If you are developing a web service client, you access web services, pass parameters and test the response to know the behavior of service. It can be easily accomplished using Poster Firefox add-on. You can create your own HTTP request with custom parameters, perform the action (GET,POST, PUT, DELETE..etc) and inspect the result. It saves bunch of time to create web-service based application.
Let’s see sample to use Poster.

...

jsFiddle is an online editor for developing code snippets build from HTML, CSS and JavaScript and sharing with others. It provides functionality to embed on a blog. Using this approach, JavaScript developers can very easily isolate bugs. It supports inbuilt popular javascript frameworks like jquery, mootools…etc.

...

In my previous post, i have explained my favorite free online tools for web designer and developer. In this Post, I am going to explain about my favorite Firefox add-ons for rapid web designing and development. Firefox Add-on is more quicker than online tools because it is attached with the browser. See following list of Firefox add-ons I use:

...

Generally, For a web developer, It is required to know the exact requests are being sent from his computer to the web server and response from the web server. Here are the steps to view all HTTP requests and responses with Firebug.

...

The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page.
For a developer, It is required to log Ajax request & response to identify errors.

...