CoffeeCup Responsive Layout Maker Pro

This is a responsive website layout design tool.

This is a layout design tool that addresses the basic need for responsive web design. This requires a custom responsive layout, a layout that can easily support content in such a way that none of the devices capable of accessing the page have any problems in the content format or the material presented. When you use this prototyping and wire-framing tool, you do not have to worry about generating code. Your focus needs to be on the design. This tool presents you with multiple configurable grid systems for you to choose from. The library of the design elements constantly refreshes and filled in with the new ones.

Features included for customizing layout design lets you add rows and content containers with a simple click. Designer will be able to toggle column spans, stretch rows, or constrain their widths, use sub-grids and container nesting for close layout control.

If necessary, you can tailor layouts around unique content and for special business needs. All it takes is a single drop of the element or a paragraph of content into the intended space. Element properties are highly configurable. You are able to control paddings, margins, floats, font styles, links and everything else. Create a layout in which your unique content looks its best. It is possible to preview the pages at every page width. Preview with actual browser that you are going to support is also possible. This is a very good product.

Responsive Layout Maker is the ONLY app that addresses the most fundamental aspect of responsive web design: creating a custom responsive layout that optimally supports and present the content at every possible device width. Don't let code kill your responsive creativity - use layout maker for responsive prototyping and wireframing.
1) Multiple Configurable Grid Systems:
Layout Maker comes with a growing number of integrated grid systems, including the Bootstrap grid. Column counts and gutter widths can be customized for each system.
2) Drag-n-Drop Content Blocks
Design from the content out and tailor layouts around unique content and business needs. Add anything from a paragraph to an input element with just a drop.
3) Custom Layout Designs
Add rows and content containers with a simple click. Toggle column spans, stretch rows, or constrain their widths. You can even use subgrids and container nesting for ultimate layout control - kabam!
4) Configurable Element Properties
Control paddings, margins, floats, font styles, links and everything else that is needed to create a layout in which your unique content looks its best no matter what.
5) Custom, Content-Driven Breakpoints
Use the built-in viewport slider to view the design at every possible width. Add breakpoints to change column widths, define responsive actions, or tweak margins and sizes to guarantee that the layout optimally usable on any device.
6) Browser-Based Prototyping
Wireframing and previewing in an actual browser, makes the designs interactive and resizable. No more huge pile of static images to illustrate what a design might look like on different devices. Sweet!
7) Clean CSS - Semantic HTML
No superfluous machine generated styles, layout maker keeps everything crisp and clean for easy hand tweaking. You can even us