Responsive Layout Maker Pro

Responsive Layout Maker Pro

by CoffeeCup Software
4.0 Β· 8,480 ratings
99.99 USD Download from Mac App Store
v1.0.2746 Β· Updated 2 months ago Β· 9.68 Mb Β· Released Mar 2014

How do you feel about this app?

Key Features

πŸ€– AI Powered
πŸ“€ Export & Share
πŸ’» Code Editor
πŸ–₯️ Terminal / CLI
πŸ—œοΈ Archive / Compress
βš™οΈ Automation / Macros
Responsive Layout Maker Pro

About Responsive Layout Maker Pro

Fluid grids, custom breakpoints, draggable elements. Visually design responsive layouts from the content out. The resulting code? Crisp, clean and production ready! 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 use custom classes & IDs and use the tag switcher to produce semantic HTML elements. 8) We did not stop there either… Layout Maker also has mobile first and desktop down workflows, multi-page layouts, undo & redo, configurable export options, pixel- and em-based grid systems, display properties, automatic em conversion, google web font integration, column offset, push & pulls, and we just got started.