Articles tagged “Responsive Design”...

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

Solving the IE11 fixed background bug

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

Chapter 2: Understanding HTML & CSS3

The Code Powering Your Menu No need to get into details here in this chapter, after all, Menu Builder does all the work for you. But this we want to make clear before we go any further: HTML...

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

Design Responsive Tables with Flexbox

Flexbox makes responsive table design a lot easier Tables have always posted a bit of a problem in responsive design. Depending on the table type and use-case, the challenge could be big...or...

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

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

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

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

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

From static to responsive

Converting a static site into a responsive design A fluid layout (recap) With a layout created in Responsive Site Designer (or Layout Maker for that matter), we’re off to a...

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

How to design an Responsive Email for the Top 10 Email Clients

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

Responsive Email Designer Theme Pack

Responsive Email Designer Theme Pack Looking for inspiration on how to create a responsive email? If so, then we got you covered! Here is a preview of awesome responsive themes included with...

Chapter 6: Exporting your responsive email

There are two ways to generate your email in Responsive Email Designer; to your CoffeeCup account or to your local computer. Depending on your skill sets and needs, one may work better for you...

Adding a Responsive Menu To Your Page

Before we start, make sure you have secured your copy of (responsive) Menu Builder . This awesome app helps you create HTML & CSS3 navigation menus without coding—sweet! For the...

Responsive Layout Template Pack Preview

Layout Maker 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 that...

Create a Nested Menu from Scratch

One of the most important parts of a website is the navigation menu. The navigation menu is like the roadmap the user must follow in order to reach their destination. Make the journey...

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

Adding the design layer

Adding the design layer with visual CSS3 controls Content creates design atmosphere The site we are constructing is for a good cause, a shelter for cats (and other animals). Sometimes it...

Complimentary Templates

Download Responsive Themes Build cool, device-independent, sites and forms. Visually. These themes will provide an optimal viewing and interaction experience for every viewer...

Extending Menu Background Across Entire Page

In this article we will explain how to adjust the markup of your Responsive menu so that it extends the entire width of your page for any menu created with Responsive CSS Menu Builder. With just a...

A single design with great viewing experience on all devices

Designing for all devices Following our previous responsive design adventures you will feel pretty familiar with the tools and workflow in Responsive Site Designer . Here’s a quick...

Responsive Layout Maker and Visual Site Designer

Why VSD and RLM cannot work together Visual Site Designer builds websites using "absolute positioning". This means everything has a fixed place within your page and cannot adjust based on the...

Image Mapper Quick Start Guide

CoffeeCup Image Mapper allows you to specify multiple links (or hotspots) to specific locations of an image and point them to a document or website. Create mouseover text, ALT text, links and...

How to apply mouseover effects to a background image

In this article, we are going to walk through how to apply a mouseover effect on an background image that will then display text in place of the image. We accomplish this by using multiple...

CREATE AND ADD PAYPAL BUTTONS TO YOUR SITE

Take payments on your site with PayPal. Collecting payments and donations is easy to set up with PayPal. Just specify a few things like amount and style, then copy the auto-generated code and...

Free Responsive Email Themes

Download Free RED Themes Spark your design creativity using our hand-crafted responsive templates or simply use them to learn a trick or two. They are 100% customizable and can be edited...

Adding Hover Transitions and Effects

In this article, we are going to walk you through how to apply a transition and an effect to a Button Link element. This is accomplished by adding some transition and effect properties to the...

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 3: Exporting your Image Map

Ready to export your image map? When exporting, you have two choices to select from (responsive and non-responsive). To start the export process go to File > Export Image Map select the type of...