Articles tagged “Breakpoints”

Chapter 1: Managing The Responsive Grid with Layout Maker

Row & Column Management in the Grid Keeping the content and page elements organized at every possible display width is virtually impossible without the use of a good grid system. Grid based...

Chapter 5: Explanation of Terms and Functions

To help you take advantage of the full potential of Layout Maker, we have put together a glossary of the most common terms we use through the software to help you become more familiar with the...

Chapter 2: Using Elements for Content-Driven Responsive Layouts

Populating the layout design with content elements This part of the application is so intuitive that it barely needs any explanation. Simply decide on your content needs, drag them on your...

Chapter 4: Refining Your Design

Responsifying the Design The preview (and editing) area in Responsive Layout Maker is an actual browser. This has the advantage that the design will look and behave exactly like it will when...

Chapter 8: Adding Your Menu To Your Website

Exporting your Menu Now that you have completed building your menu, it is time to get it into your website. When you select this option, you’ll be prompted to save your menu. Once this is...

Chapter 3: Prototyping and Layout Design

Customizing Content and Styles Each element, including the grid itself, the rows and columns, can be customized. These customization options are located on the...

Menu Builder Quick Start Guide

If you want to build good looking, well functioning navigation menus, you’ve come to the right app. CoffeeCup Menu Builder has been designed to help you build sophisticated, standards...

Chapter 7: Responsive Navigation Menus

Responsive Navigation: relative widths and breakpoints Responsive web design is a technique used to build websites and website components (like a web form or navigation menu) that are easily...

Putting it all together

Now that you know how Layout Maker works, let’s put your skills to the test. Here we are going to walk you through a quick process on how to build a layout. This only covers the basics, but...

Chapter 7: Responsive Layout Maker Quick Start Guide

Layout Maker also allows you to include additional pages, giving you the ability to fully mock up an entire website. As you add pages, they will automatically appear in your Navigation element....

Chapter 8: Responsive Layout Maker Quick Start Guide

Now that your layout is ready for the public, you’ll want to explore your options for putting it on the web. You can publish to S-Drive by entering your CoffeeCup account information, export...