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...
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....
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...
window.location.href = "https://www.coffeecup.com/help/articles/1432"
Add Google Maps to your site responsively. Google Maps™ can drive business right to your front door by providing your address, directions and landmarks for your customers to find you....
This is a page in (never ending) progress... Themes, Projects, Prototypes, Links, Experiments & More: Do you love our snazzy quick start examples (thanks, you’re making us blush)...
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...
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...
Create Responsive Slideshows and Presentations Direct from the CoffeeCup labs is Responsive Content Slider. This app gives you the ability to combine pictures, text, buttons, icons and...
Create links to files, documents, external pages, anchors, email address and phone numbers. Responsive Site Designer makes it easy to link to other pages, files, and documents. You can...
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....
With the ever changing world of web design and ever growing mobile market, your form notifications need to be crisp and responsive. By making this change, you are allowing customers to access the...
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...
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...
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 we solved the IE 11 fixed background bug In our efforts to make the best possible experience with all of our themes, we attempted to fix a reported bug regarding fixed backgrounds in...
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...
Customizing Content and Styles Each element, including the grid itself, the rows and columns, can be customized. These customization options are located on the...
Layout, Elements & Themes In this chapter we will be starting the creation of a menu. You’ll get an overview of the different visual controls and and learn to use a bunch of them....
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...
Web Form Builder is the first form program in the world to offer responsive designs. What's "responsive," you ask? A responsive web design is one that responds to the size of...
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...
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...
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...
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....
Here you will find the steps to center your buttons for a horizontal menu. If you need help with adding a background please see this article Extending Menu Background Across Entire Page ....
An Overview of Menu Builder CoffeeCup has a long history of building software for designing navigation menus. And for good reason, making attractive, functional drop down menus has always been...
When using Responsive Email Designer there are many different email clients that you have to take into consideration when you are designing your email. While there are many out there (hundreds),...
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)...
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...