Talk about timing. My site uses the Genesis WordPress framework. A recent update included a component called Responsive Design. Think of that as a way to create a single site that automatically adapts the layout depending on the device viewing the site.
A Mac user would see the site in all its designed glory. An iPad user may see a slightly different version, with the layout optimized for the iPad’s screen. iPhone users would see a smaller, easier to navigate design. All three web site layouts use the same code.
That’s Responsive Design.
The problem is figuring out how to build the site’s code to match all the mobile devices available today. It’s not just an iPhone and iPad world.
Yesterday, Moople Apps introduced Aptus. It’s an inexpensive Mac browser that lets web designers preview and edit a responsive site using various mobile device specifications.
Aptus goes beyond the Developer tools embedded in Safari by giving you options to create multiple breakpoints within the web site’s code.
Aptus also gives you the option to use custom user agents to test how a web page will behave in a particular browser to mimic any mobile device.
Getting started with Aptus is straightforward. Add a breakpoint tab for devices you want to preview.
Aptus gives you the option to capture full screenshots of the breakpoints. It spoofs specific user agents so you can test different layouts for different devices.
Feedback is visual and instant, especially useful while testing breakpoint ranges.
Not every Mac designer needs Aptus, but if you’re into Responsive Design, this is the tool to use.