Articles tagged “Responsive Layout...

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

How to edit a website created with Responsive Layout Maker

We all know that designing a website can be time consuming and labor intensive and developing a responsive website can be even more challenging. There are so many different variables to a...

How to add your own images to Responsive Layout Maker

One of the most common element everyone wants to add to their website are images. With Responsive Layout Maker, we offer you two options for adding them to your layout. The Export Path...

Adding Responsive Google Maps to Responsive Layout Maker

window.location.href = "https://www.coffeecup.com/help/articles/1432"

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 6: Responsive Layout Maker VS Responsive Layout Maker Pro

Responsive Layout Maker comes in two versions, Responsive Layout Maker and Responsive Layout Maker Pro. Both versions allow you to create amazing site layouts, but there are distinct differences...

How to allow text to wrap around an image

The flowing of text around an image is a technique that is frequently part of a designer's arsenal. Although the process of wrapping text has changed over the years, this is easily accomplished...

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

How to allow text to wrap around an image in Responsive Layout Maker

window.location.href = "https://www.coffeecup.com/help/articles/1433"

Adding Responsive Videos to Responsive Layout Maker

We all know videos can be a very powerful tool in helping your visitors make a decision on what to buy or simply learn more on what you have to offer. Inserting these videos into Responsive...

Chapter 7: How-to's and Resources

How-to's and Tutorials: With Responsive Layout Maker (RLM) not only can you create a wireframe/prototype, you can also export and create a responsive website from the generated files. Here...

Menu Builder 1.5 fix

When adding your menu to your Responsive Layout Maker project, there may be some height and overflow rules that are being overwritten in the CSS. To correct that, you need to add a CSS...

Responsive Layout Pro Template Pack Preview

Layout Maker Pro Template Pack Looking for inspiration on how to create a responsive layout? If so, then we got you covered! Here we have put together an awesome bundle of responsive layouts...

Import Report Design into Website Insight

Do you want to create your own fully customized reports? With Website Insight you can! Using our Responsive Site Designer (RSD) and Responsive Layout Maker (RLM) , you can customize...

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

Build your own layout in 9 simple steps

A solid, custom, responsive layout design in 9 simple steps This article will teach you how to create a structure of a responsive page design, focusing only on the placement of the content...

Grids for bullet proof Responsive Design

Grids Create Order and Consistency. Consisting of a series of rows and columns, grid based layouts convey order and consistency. They provide an organizational framework that helps to create...

Responsive Layout Maker Quick Start Guide

Introduction Billions of people access the Internet from devices with all different screen sizes. To assure a good looking, usable website on every single device, it's gotta be responsive....

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

Grid Systems and Frameworks

  We are working on it! We have a lot of information that we want to cover here, so be patient with us as we continually update this article. How (Responsive)...

Responsive Actions - The Stack

The Stack This is one of the most frequently used responsive action. The reason for that is simple, at small screens there is little room for content to be displayed next to each other....

How to make your Image Map Responsive

This article has been updated! Version 5.0 of CoffeeCup Image Mapper will create stunning responsive image maps which means no more having to “hack” the code to produce one! The Wizard will...

How to use Push & Pull in Responsive Layout Maker

We know that you were taught that pushing and pulling were unacceptable in school, but that is only if you do it to a living being. It does not count when it is an Element in your design!...

What are the System Requirements to use RLM

Most people don't want to even worry about server/system requirements, because it can be complicated stuff. There are however a few things you need to be aware of in order to install Responsive...

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

Editing the Remaining Pages

Need a little more pratice? In this article we explain how to edit the HTML and CSS of the remaining pages of our project. Follow along with the instructions and your Nova theme will be up and...

How to use CSS Display Properties in Responsive Layout Maker

Display Properties are used for controlling the way elements flow within your layout. All elements have a default display depending on what type element it is. Usually this is block or inline....

Predefined Classes used in Responsive Layout Maker

It is always helpful to have predefined classes when designing any website. That is why both Coffeegrinder and Bootstrap 2 have included a few predefined classes that can make building your...