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...

Author:  |  Article ID: 1055 |  Published On: Jun 12, 2013 | 35,619 views | Rated 5 stars by 5 people
Tags: , , , ,

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...

Author:  |  Article ID: 1062 |  Published On: Jun 13, 2013 | 16,998 views | Rated 5 stars by 2 people
Tags: , , , ,

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...

Author:  |  Article ID: 1056 |  Published On: Dec 9, 2014 | 23,902 views | Rated 5 stars by 1 person
Tags: , , , ,

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...

Author:  |  Article ID: 1058 |  Published On: Feb 12, 2014 | 22,157 views | Rated 4 stars by 62 people
Tags: , , , ,

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...

Author:  |  Article ID: 1045 |  Published On: Jul 4, 2013 | 14,193 views | Rated 4 stars by 1 person
Tags: , ,

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...

Author:  |  Article ID: 1057 |  Published On: Dec 9, 2014 | 21,517 views | Rated 3 stars by 11 people
Tags: , , , , ,

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...

Author:  |  Article ID: 1031 |  Published On: Jul 4, 2013 | 84,266 views | Rated 3 stars by 7 people
Tags: , , , , , ,

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...

Author:  |  Article ID: 1044 |  Published On: Jul 4, 2013 | 18,247 views | Rated 0 stars by 0 people
Tags: , ,

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...

Author:  |  Article ID: 1059 |  Published On: Jun 12, 2013 | 6,564 views | Rated 0 stars by 0 people
Tags: , , , ,

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....

Author:  |  Article ID: 1060 |  Published On: Jun 12, 2013 | 2,342 views | Rated 0 stars by 0 people
Tags: , , , ,

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...

Author:  |  Article ID: 1061 |  Published On: Jun 12, 2013 | 9,486 views | Rated 0 stars by 0 people
Tags: , , , ,