Articles

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 Example Sites

It's true that Responsive Site Designer can produce some pretty amazing results. Ever since the app's release we've seen all kinds of awesome websites built by our customers. We've put together a...

Adding and managing images in RED

Working with images and graphics in Responsive Email Designer Before you can export/send your email creation, you must first decide how your email images will be hosted. You see, images are...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adding Google CSE to Responsive Site Designer

Adding Google Custom Search Engine to RSD When adding a Google Custom Search Engine box to your Responsive Site Designer page, some styles for the search box may get overridden by styles...

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

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

Website Insight Tool Pack

Website Insight is a hot new tool for analyzing and improving your website’s search engine visibility and visitor’s friendliness. Some might call it SEO software, but in reality, it...

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

Earth Day Email Designs

Free Responsive Email Themes Cheers to Mother Earth! Enjoy a pair of cool nature inspired email themes. Welcome to the Black Forest These swanky email designs...

adding and duplicating rsd pages

Adding new pages to an RSD website In my previous tutorial, I illustrated how easy it is to rebuild a Visual Site Designer page into a fabulous, mobile-friendly design using Responsive Site...

The top apps for responsive design

Which app is right for you We offer several different responsive design apps for users of all skill levels - from the code-masters to the beginners. With so many options available, you may not...

CoffeeCup Sonar Resources

CoffeeCup Sonar Sonar is an app that provides insight on how well your site loads, then it provides tips on how to optimize and tune your site for better speeds!...