CoffeeCup Responsive Layout Maker Pro

CoffeeCup Responsive Layout Maker Pro
-
RESPONSIVE, LIKE NO OTHER
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 PRO
Take the pain out of the responsive design process
-
CREATE RESPONSIVE PATTERNS FOR A MULTI-DEVICE WORLD
With the only app that uses configurable grid systems to create responsive layouts with custom breakpoints. Responsive layout design is a pain no more.
-
Multiple Configurable Grid SystemsMultiple 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.
Drag-n-Drop Content BlocksDrag-n-Drop Content BlocksDesign 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.
FLUID, CONFIGURABLE, PX AND EM BASED GRIDS
MOBILE FIRST OR DESKTOP DOWN WORKFLOW
SUBGRIDS & CONTAINER NESTING
BOOTSTRAP GRID SUPPORT
Clean CSS + Semantic HTMLClean CSS — Semantic HTML No superfluous machine-generated code here. Specify your own classes & IDs, assign semantic tags, and more. Layout Maker keeps everything crisp and clean for easy hand-tweaking.
Custom Layout DesignsCustom 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! Want to give it a shot? Try building a responsive layout in nine simple steps!
CUSTOM BREAKPOINTS
BUILT-IN VIEWPORT SLIDER
COMPREHENSIVE ELEMENT LIBRARY
CONFIGURABLE ELEMENT PROPERTIES
Configurable Element PropertiesConfigurable Element PropertiesControl paddings, margins, floats, font styles, links and everything else that makes your unique content look its best.
Custom, Content-Driven BreakpointsCustom, 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 is optimally usable on any device.
YOUR OWN CLASSES AND IDs
SEMANTIC HTML (SWAP CONTAINER TAGS)
CLEAN, SENSIBLE CSS
PROJECT MANAGEMENT
Browser-Based Prototyping Browser-Based Prototyping Wireframing and previewing in an actual browser makes your designs interactive and resizable. No more huge pile of static images to illustrate what a design might look like on different devices. Sweet!
Selector Color CodesSelector Color Codes Quickly identify the styles associated with, and applied by, each selector.
And we didn’t stop there
Multiple Pages Push and Pull Classes
Display Properties Choose your grid Layout Maker also has mobile-first and desktop-down workflows, multi-page layouts, configurable export options, automatic em conversions, Google Web Fonts integration, advanced grid configurations, and we’re just getting started…
LIKE IT? LET'S TALK ABOUT IT!     in
Content-Driven Prototyping and Layout Design
Content is king! But to make him rule effectively and be loved, he needs the support of a strong layout that works on any screen or device size. One that gives the content room to flourish and adapts to its unique character.
--
http://www.coffeecup.com/responsive-layout-maker-pro/
-