By Duncan Midwinter
Open the Mac App Store to buy and download apps.
Responsive Resize is a tool for aiding development and testing of responsive websites. Responsive resize works like a mini-browser with an adjustable viewport which can be altered to match the dimensions of virtually any mobile, tablet or desktop device.
Responsive Resize comes with over 40 preset virtual devices, but you can also add as many new devices as you requires.
History remembers up to 25 sites
Status bar gives load times.
Over 40 preset Mobile, Tablet & Desktop devices
Ability to create as many new devices as you require
Ability to choose from preset User Agent Strings - or enter any string you require
Ability to quickly adjust the viewport
Increase or decrease the with by a set value
Light or Dark application theme
What's New in Version 1.3
Added user-agent strings for iOS7 (iPhone and iPad) and user-agent string for Safari 7 (Mac)
This is what we do for a living, build mobile ready responsive websites and this will be an invaluable tool going forwrd. Another great thing is you can add custom devices with sizes. Why is that helpful you ask? Because a lot of our clients are running Internet Explorer 10-11 on crummy low-res hardware and you can’t expling to them why the site doesn’t look good on their system! So, this is a great way to test other resolutions so that you can visually show them whats going on with their site, and make some tweaks if needed to adjust to their resolutions so they are happ.
Great idea. Too bad it doesn’t work.
I purchased this thinking it would be a great solution for developing responsive websites. My problem with it is that much of developing is tweaking your media queries then refreshing the browser to see changes. This app does not refresh properly, even after emptying the cache. Even then, you cannot rely on it to consistently display exactly what you would see on a mobile device.
Also not working for me...
I’m on Mavericks. I was quite excited to start using this app, but as soon as I type a URL into the bar, the app becomes a chromeless web browser, and all the functionality disappears. It works fine on startup, with the developer’s site pre-loaded. As soon as I type anything else into the URL bar, poof, no more app. Maybe something I’m missing, but I need some clearer instruction if so.