Support Articles

Sort By: Title | Newest | Most Views | Highest Rated

design with flexbox

Design opportunities with Flexbox are AAAA mazing... You only need a bit of practice to master this skill. That’s why we created a comprehensive guide with syntax explanations and real...

merry christmas

Design opportunities with Flexbox are AAAA mazing... But they might take a little to get used to. That’s why we created a comprehensive guide with syntax explanations and real life...

Free CoffeeCup Homepage Theme

Download the CoffeeCup Homepage Theme Okay, it’s not the real homepage, but it is the project file (and exported html & css files) that our team used when working on the design...

Responsive Site Designer Help Manual

Responsive Design Resource Index Here’s a breakdown of the tutorials and helpful articles which will assist you in navigating the features found in Responsive Site Designer, Foundation...

Complimentary Templates

Download Free Responsive Website Designs Design fabulous, device-independent, websites. Visually. They will provide an optimal viewing and interaction experience for every single viewer on...

Explore our storewide deals

Cyber Monday Double Doozy Responsive App Pack and the debut of Palette Manager I am addicted to CoffeeCup software. Combine these apps and you are going to be able to build a pretty...

Color Palette Manager

What is Color Palette Manager? It’s a nifty app for creating, managing and sharing color palettes. Not just between friends and colleagues, but also between our responsive apps and projects!...

customer appreciation gift

A Special Thanksgiving Treat... There’s no denying that CoffeeCup customers truly are the best around. That’s why we’re showing our gratitude with a gift that keeps on giving...

RESPONSIVE SITE DESIGNER FAN FEEDBACK

Responsive Site Designer has been rocking the web ever since its release. That’s because it makes constructing sites that grow and shrink depending on the viewer’s screen size a...

Creating Links with Responsive Site Designer

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

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

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

responsive content slider quotes

Responsive Content Slider has all the right moves! Wowie! Ever since the pre-release of this slideshow app dropped onto the scene, it has made a huge impression among the web community....

Creating custom responsive email layouts

Creating a subgrid using containers in Responsive Email Designer Being able to create custom layouts at various widths is one of the most important aspects of a responsive design. Due to...

Adding the Breakpoints to WIX redesign

.embed-container { position: relative; padding-bottom: 56.25%; margin: 7px 0; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container...

Adding a menu to Responsive Site Designer

If you want to build good-looking, well-functioning navigation menus, then Menu Builder is exactly what you need. Menu Builder has been designed to help you build sophisticated, standards...

Converting a WIX™ theme using Responsive Site Designer

Today, I am going to take a “somewhat” responsive Wix™ theme and recreate parts of it in Responsive Site Designer and make it fully responsive . The original theme offers only a...

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

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

Chapter 1: Getting Started

When opening the program, you are presented with the Image Mapper Wizard, which asks whether you would like to start a new image map, or open an existing one. Image Mapper Wizard...

Chapter 2: Design and configure your image map

Design pane The design tab holds many of the editing features of the program and can assist in setting up your new image map! These tools allow you to specify different links using the right...

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

Responsive Site Designer Resource Index

Responsive Site Designer Resource Index Looking for specific instructions? Here is a breakdown of the tutorials and helpful articles which will assist you in navigating the features found in...

Exporting and Publishing a Responsive Slider

Now that you have your awesome new slider, it is time to get that added to your website. With Responsive Content Slider, there are three options that you can use to place the slider on your...

Customers speak out about Email Designer

Customers Agree: Responsive Email Designer Rocks! It’s easy for our team to talk about how awesome RED is for marketing newsletters, sales invoices, and email notices. But don’t...

Adding a Slider to Responsive Site Designer

As we have said before, Responsive Content Slider is one crazy cool app that gives you full design control over each slide, without any restrictions. Now that you have created a totally cool...

Responsive Content Slider

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

Responsive Slider Help Guide

Your help guide to the first real Content Slider app alive Responsive Content Slider (RCS) is crazy cool. You can create highly sophisticated designs per slide, or build simple...

Responsive school is in session. [Homework optional]

Why switch to a responsive site? It’s simple: static sites don’t adjust to small screens. Instead, the browser shrinks them down to fit the display, making them too small to read, click or...

Learn how to responsify a static site [from VSD to RSD]

Going from VSD to RSD? We’ve got your back too! Ever since we released Responsive Site Designer, many VSDers took the jump and made their sites mobile-friendly. With our new detailed...