Friday, January 4, 2013

Responsive Web Design: Responsinator

Always looking for some useful tools to help me build responsive web applications, I discovered Responsinator.com.

From the site:

What is The Responsinator?

The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.

We recommend using Chrome on OSX 10.7+ with scroll bars set to "when scrolling" (System Preferences › General › Show scroll bars › "when scrolling"). This means the device widths aren’t affected by scroll bars.

Update: append &scroll=ext to move the scroll bars outside of the device frame.

Using it is simple, enter the url of your application in the top bar and click Go.

image

The website will be loaded on a range of devices(or better said in an iframe with a similar size):

image

26 comments:

Carl Royce said...

Simplicity in its nature is by far more appealing to peoples eyes.

Avinash Bhardwaj said...

Test your site in various devices from an iPhone and iPad, to a Kindle and on Android on the Responsivetools. It also shows your site both in portrait and landscape mode. I like this tool much more because of the outlines of the devices displayed on the page, which brings more meaning to the whole process.

Muhammad Amir said...

I like this δημιουργία ιστοσελίδων tool much more because of the outlines of the devices displayed.

sujan said...

Nice article keep on writing What Responsive web Design

Vinod Kumar said...

Thank you sharing this information thank you.Come back again for more interesting stuffs like one you got earlier! Bulk SMS in India

Deeksha Housing said...

Thanks so much for this helpful information come back again for more interesting information…Keep it up
Builders in Agra

Neha Sharma said...

Nice blog! Very interesting and informative post….Thank's for sharing such a nice information….Keep it up!!! Website Designing in Agra

Elizabeth J. Neal said...

It does not precisely replicate how it will look, for accurate testing always test on the real devices. Keswick website design

Web Design Company Bangalore said...

The major benefits of choosing Responsive website design is create the effective website with attractive designs and eye catching colors.
Web Design Company Bangalore

Prakash Goswami said...

Hey nice blog,Thank's for this helpful information come back again for more interesting information…Keep it up!
Taxi in Agra

Web Designing Companies said...

Responsive web design plays an important role for website to view the designing structure as perfectly in all devices like mobile,tablet and laptop etc...
Web Designing Companies | Website Development Company

Swarupa Zinavo said...

A website has to be designed with this in mind. There is little value to getting lots of visitors to your site if they are not doing what you need them to do.
Web Designing Bangalore | Magento Programmers India

BangaloreWeb Guru said...

Responsive Web Design Companies will also prevent you from needing two completely different sites, eliminating the risk for inconsistencies and making it easier for each user to find content. Responsive Web Design Agency provide you responsive website with high quality work that is effective.
Website Designing Company Bangalore | Web Development Companies Bangalore

Bangalore RWD said...

very nice to see the blog and thanks for sharing the information with us.
Mobile Responsive Website Builder | Responsive Website Design

Web Design Company said...

Responsive web design is main thing to promote the website for online business.Because the main investment of online business is websites.
Web Design Company | Responsive Web Design Company

ananya roy said...

Thanks for publishing this useful weblog web page website...well done.
Web Design Company Bangalore| website redesign services in bangalore

Balaji Zinavo said...

The users get the ability to access info on-line. At constant time it's potential for the organizations to receive reports and charts.

Web Development Company | Web Development Companies

Raj Solanki said...

Thanks to blog admin for such an wonderful information provided here. I love the way you describe the articles.
Responsive Web Design Indore | Responsive Web Design company Indore | Responsive Web Design company

Richmind Softlabs said...

Really great work!!

Hello, I just wanted to let you recognize about Richmind Softlabs Web Design company , as it is one of the most excellent Web Development service providers these days. Go check it out! http://www.richmindsoftlabs.com/

WEB DESIGN COMPANY BANGALORE said...

website want to be simple as same time more attractive is the key to today"s website

Web Design Companies Bangalore | Website Development Companies Bangalore

Sri Sathvika said...

Nice post. I learned something new from your post.Thanks for sharing this post.
SEO Training Institute in Chennai

Jaintechnosoft said...

A great post shared!! Very informative and people know more about the present trends that goes around!!
Website Development Company Bangalore | Website Designing Company Bangalore

sahana chinu said...

I do agree with all the ideas you have presented in your post. They’re really convincing and will certainly work. Still, the posts are very short for newbies. Could you please extend them a little from next time?..Keep this great work
Web Design Company in India Company | Web Design Company Bangalore
Web Design Development Company in Bangalore | Responsive Web Design

Argalon Technologies said...
This comment has been removed by a blog administrator.
Kereana K said...

Well explained each points. Such an interesting post. Thank you for sharing.
Bitcoin for Web Design | Pay Bitcoin for Web Design | companies that accept bitcoin for web design

Jagdish Prasad Sharma said...

Thanks for sharing this valuable information. Really informative. Know about Cross Graphic Ideas a leading website designing, web development company in jaipur offering best services like website design, mobile apps and SEO/SMO.