Duo

Duo

By Electric Pulp

  • Category: Developer Tools
  • Release Date: 2013-12-12
  • Current Version: 1.3
  • Adult Rating: 4+
  • File Size: 1.59 MB
  • Developer: Electric Pulp
  • Compatibility: Requires iOS 10.8 or later.

Description

Duo is a dual-paned web browser built for Responsive Web Design (RWD) that lets you browse the web in two views: your standard ‘desktop’ view as well as a typical ‘mobile’ view. By seeing these two views at the same time, you’re able to quickly test and work through multiple screen experiences rather than considering them separately. Whether you’re a designer or a developer, project manager or client, Duo gives you a new tool to make your Responsive Web Design project go more smoothly than ever. Get the bookmarklet: http://helloduo.com • MOBILE VIEW Duo gives you an adjustable mobile view using the left pane. • TABLET / DESKTOP VIEW The right pane defaults to an adjustable tablet / desktop view. • SYNCHRONIZED BROWSING Navigating in either pane updates the other. No need to reload layouts to view pages at different sizes. • WEBKIT DEV TOOLS INCLUDED Duo has everything you need to make sure your design is doing what it should. Debug code in either pane. • CONVENIENT KEY COMMANDS Duo includes tools for clearing your cache and getting rid of those pesky cookies via standard key commands. • LiveReload SUPPORT Duo now includes support for LiveReload. • HANDY BOOKMARKLET Use the convenient bookmarklet in your other browsers to push a site over to Duo. Get the bookmarklet: http://helloduo.com ______________ WHAT IT ISN'T Duo is designed for Responsive Web Design, not for user-agent sniffing. Duo also only refreshes both views for GET requests. It's probably not a good fit for your POST refresh heavy project, although we are actively looking at ways to accommodate this. LET US KNOW YOUR THOUGHTS You can email help@helloduo.com for support, or reach out to us on Twitter: @electricpulp. Thanks!

Register

Screenshots

Reviews

  • Great screening tool — not a replacement for real testing

    4
    By Ryan-in-Miami
    I build and do QA on a lot of web sites and I love this thing. It’s not a replacement for a real testing tool like BrowserStack or Sauce Labs, but it’s a great screening tool for use during development before you run tests on real testing tools like that. I was a little nervous when I bought it that it hasn’t been updated in a while, but it works fine in El Capitan. Supports full-screen mode. I agree with another reviewer that it would be even better if you could manually set the user agent string. With a list of common pre-sets. That would make it five stars. It’s still useful without that. There is a “resize pane” button with a drop-down selector that you can add with “customize toolbar”. That really should be included in the toolbar by default.
  • Application does as advertised. A great way to quickly test multiple screen sizes.

    5
    By I amStacy
    Love the fact this has live reload support now. Duo has become a super handy tool to quickly test how things will look on multiple screensizes. It has a built in inspector, like Safari’s dev tools (which are prettier than Chrome’s IMO, but not as extendable… but I love how Safari can display minified CSS as expanded). Just a suggestion or wishlist item: I wish I could add it to my Alfred Workflow, not sure what would need to happen to add Duo to the "Open URL with” option. Maybe it is already doable and I am not accessing it correctly?
  • Not real mobile view, very limited options...

    1
    By fablau
    Just purchased and tried, here is what I found wrong: 1. The mobile view gives you a “frame” of your website, and not the “real view” of it on a real mobile device. In other words, on my mobile phone I can see my complete website page, reduced in size of course, fitting the full screen, whereas on this program I can see just a portion of the screen without size reduction which is not the real view you get on a mobile device. 2. There is no way to access any settings to target specific screen devices. I really expected that! For me, this app is useless and deceptive. To test my website for repsonsive design, I am going to use a real device.
  • Almost there ...

    3
    By pgp
    I love the simple user interface. And this really helps when previewing fully responsive sites; but if also let you set the user agent … that would make it complete, to me.
  • Makes Responsive Development a Dream

    5
    By Garrett Dimon
    The first version was great, but the latest updates have cemented it as a key app in my workflow. The ability to quickly see what your site looks like at different sizes had made development more efficient by an order of magnitude. I used to dread making a site responsive, but now it’s a pleasure.
  • Just $5 for a whole new perspective on your website

    5
    By davatron5000
    If you’re tired of “browserbating” while building websites then this is for you. Two different viewports in one app and synchronized clicking to boot. It’s pretty darn handy and I use it nearly every single day. Recommend. A++. Would buy again.
  • Loving this little app!

    5
    By C. Finnley
    I’ve been hesitant on using Duo for a month or two, but finally dove in. I can already see it creeping into my work flow and I’ve had it for about 10 minutes. It’s not the end all be all, but for designing with a mobile first strategy it will be a wonderful tool to help in my build process. Thanks Electric Pulp!
  • Works Great! Very Bare Bones

    4
    By Lonnie
    Read what the software does, and then if you choose to purchase it - don’t complain about what it doesn’t do. As a responsive site designer/developer this works wonderfully. It is very bare bones, but does exactly what it says without any issues. I can’t wait to see what this continues to develop into, but as for now I am very please.
  • Great idea, awaiting more robust implementation

    3
    By J.Y.
    I was so intrigued by this, as a potentially useful tool to add to my responsive design workflow, that I bought it on impulse. I don't necessarily regret it, but there are some features I'd love to see added to make it live up to my hopes. In its current form, I wonder if having two viewports glued together, with little else, competes with two different browser windows open side by side and loaded with various 3rd party extensions. - It would be great if there were preset sizes that could be quickly and easily set for each of the two viewports. For example, there are a number of "Resize Browser" extensions on the market that let you select from a drop down of preset sizes (and set custom sizes as well), and it will change the browser window to those dimensions. So, if there were presets like iPad portrait, iPad landscape, Nexus 7 portait etc. iPhone portrait seems to be the default for the mobile size, would be great to get other portrait presets and maybe even landscape too. - A bandwidth simulator for each viewport would be pretty cool as well, allowing you to preview the mobile side at 3G speed compared to desktop side at Broadband and such - Being able to export the current side-by-side screen views to a Bitmap (PNG) might also be a handy shortcut to having to screen grab manually Anyhow, I look forward to possible updates in the future, thanks for your consideration.
  • Great, but not quite there

    4
    By chrisanderson93
    Awesome tool for working on responsive design. Facilitates being able to design for both mobile and desktop concurrently. Only thing bringing it down is the tendency for it not to want to quit and its lack of a way to resize left pane to try out different mobile screen sizes.

Comments

keyboard_arrow_up