Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Build a Responsive Website Responsive Design Tools and Testing

Posted by Mike Smith
Mike Smith
11,863 Points

Which Web Browser (or Settings in Chrome) for resizing webpag on the fly.

Throughout the web demonstrations, the instructors are able to watch changes to the web layout as they resize, I have been looking for a browser or method to accomplish this, but have been unsuccessful.

Any suggestions?

4 Answers

Michael Pare
Michael Pare
6,358 Points
Michael Pare
Michael Pare
6,358 Points

http://responsive.is/typecast.com or http://www.browserstack.com/ or http://quirktools.com/screenfly/

Or you can just drag your browser window to make it smaller or larger with your cursor on desktop.

Mike Smith
Mike Smith
11,863 Points
Mike Smith
Mike Smith
11,863 Points

I got the tools that resize your browser. And I'm pretty sure I can figure out the manual resizing. What I was after was the 'as you drag' effect that I'm seeing. I am in Ubuntu 13.10 with Chrome and I can not figure out how to get this functionality.

Dave Yankowiak
Dave Yankowiak
9,105 Points
Dave Yankowiak
Dave Yankowiak
9,105 Points

Make sure you are using responsive web design methods in your HTML & CSS. That's what ultimately causes the site to adjust to changes in browser window size. Use this instruction: http://teamtreehouse.com/library/build-a-responsive-website

Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Hi Mike,

I'm using Chromium in Debian jessie. If my browser is maximized I can't seem to grab the edges to re-size it that way. I have to use the restore button to make the browser smaller, then I can grab the edges and make the browser any size I want just like in the videos. Or you can re-size the browser using theWeb Developer Tool Bar to re-size the browser.

Jeff