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...
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 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 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...
.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...
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...
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...
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...
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...
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...
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...
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 Looking for specific instructions? Here is a breakdown of the tutorials and helpful articles which will assist you in navigating the features found in...
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 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...
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...
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...
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...
The minimum requirements for all responsive software (Responsive Site Designer, Foundation Framer and Bootstrap Builder) require OS X 10.9 or higher.
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...
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...
Practical responsive site design Creating a static reference design There are many, many good existing fixed-width websites. Instead of redoing the entire design and approach, they can be...
Responsive design demystified The intro These days everybody knows about the continued growth in internet consumption — email, apps and web-browsing — from mobile devices. Many...
About creating a web design, that fits all sizes Hold on now, if it fits unlimited device and screen sizes, the web site must be like...infinite? Without predefined size, impossible to...
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...
How is Responsive Site Designer different from Layout Maker? Responsive Layout Maker is fantastic for all who like to get under the hood and work directly with code. RLM solves one of the...
Your help guide for our #1 responsive apps Welcome to the resource headquarters for the most advanced responsive design apps on the web. This article offers a global overview of the...
Adding Elements to Your Project Elements are the components that make up your website and include items like headings, paragraphs, images, buttons, etc. With Responsive Site Designer,...
Backgrounds are a colorful way to add some flair to your website, and you can find them in almost every design. While applying a background is easy, there are a few settings that come into play....
Overview of the design pane The CoffeeCup responsive suite features a long list of powerful design controls. These buttons, dropdowns, spinners, check - and color boxes make using the design...
