Solved

Responsive Design Tools

Posted on 2016-10-25
6
33 Views
Last Modified: 2016-11-07
Is the Chrome plugin "Browserstack" the best tool to use to test/emulate different devices or is there a better tool?  Free is always good.
0
Comment
Question by:rgranlund
6 Comments
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
Many of my colleagues just use Bootstrap.  It automatically creates responsive designs.  All you need to do to emulate a smaller viewport is make the browser window smaller!
0
 
LVL 7

Author Comment

by:rgranlund
Comment Utility
@Ray, but what if I am asked to check a specific Device type?
0
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
Browserstack may be able to do that - I haven't used it.  As a practical matter, if someone wants you to test a specific device, it may not be feasible without having the device in hand.  But if you can get a form factor and see that the design "degrades gracefully" you're halfway there.
This doesn't count PC and Android offerings!
0
Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

 
LVL 9

Expert Comment

by:Prasadh Baapaat
Comment Utility
you can try FireBreak

it shows current browser width as in image below, it also changes on the fly when you resize window.

browserwidth.jpg
1
 
LVL 9

Expert Comment

by:Prasadh Baapaat
Comment Utility
This one has presets of size and you can select a size to resize your browser.

Firesizer

both are firefox addons though
1
 
LVL 12

Accepted Solution

by:
Jeff Darling earned 500 total points
Comment Utility
There is one emulator tool from Sauce Labs that literally creates different platforms and allows logging in.  The service is not free, but is excellent if you do a lot of cross platform development and want to perform testing.  Lots of cool features such as screen recording and saving the video on the site for later viewing.

https://saucelabs.com/
2

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Part of the Global Positioning System A geocode (https://developers.google.com/maps/documentation/geocoding/) is the major subset of a GPS coordinate (http://en.wikipedia.org/wiki/Global_Positioning_System), the other parts being the altitude and t…
This article discusses four methods for overlaying images in a container on a web page
This video will take you through the Geo tab, including Location and Language demographics. It will also take you through the Technology tab, including mobile devices. Click on Audience – Geo  a. Look at location demographics  b. Look at Language de…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now