KnowledgeBase Articles
48 curated help articles from coffeecup.com/help — the complete index of Responsive Site Designer knowledge, organized by topic.
Getting Started & Resources
9 articlesResponsive Site Designer Video Tutorials
Working with our responsive apps — all the official RSD video tutorials in one place, organized by topic.
Responsive Site Designer Resource Overview
Your help guide for our #1 responsive apps. Welcome to the resource overview for Responsive Site Designer.
Responsive Site Designer Help Manual
A breakdown of the tutorials and helpful resources available to you as a Site Designer user.
Free CoffeeCup Homepage Theme
Download the CoffeeCup Homepage Theme — a complete template showcasing what Site Designer can do.
Complimentary Templates
Download responsive themes — build cool, device-independent sites fast with these free starter templates.
Responsive Site Designer Example Sites
Real-world examples of what Responsive Site Designer can produce. See the finished results for inspiration.
Responsive Site Designer Fan Feedback
Responsive Site Designer has been rocking the web since its release. Here's what real users are saying.
The top apps for responsive design
Which app is right for you? We offer several different responsive design tools — here's how they compare.
RSD vs RLM
How is Responsive Site Designer different from Layout Maker? A clear breakdown of both tools and their use cases.
Responsive Design Concepts
5 articlesResponsive Web Design
About creating a web design that fits all sizes. A solid primer on the fundamentals of responsive design.
Practical responsive site design with RSD
Creating a static reference design first, then converting it — a proven workflow for responsive projects.
Responsive design demystified
The intro to responsive design — what it means, why it matters, and how CSS makes it all possible.
A single design with great viewing experience on all devices
Following responsive design adventures — how to craft one design that looks great on any screen size.
From static to responsive
Converting a static site into a responsive design using a fluid layout approach with practical techniques.
Design & Styling
11 articlesdesign with flexbox
Design opportunities with Flexbox — a comprehensive guide with syntax explanations and real-life interactive examples.
Responsive Site Designer — The Design Pane
Overview of the Design Pane — the powerful visual CSS3 controls that make styling fast and intuitive.
How to allow text to wrap around an image
The flowing of text around an image is a classic technique — here's exactly how to do it in Site Designer.
Adding the design layer
Adding the design layer with visual CSS3 controls — how content creates design with the right approach.
Design Responsive Tables with Flexbox
Flexbox makes responsive table design a lot easier. Tables have always posed layout challenges — not anymore.
Borders & Border Radius
CSS controls: applying border and border radius. Borders can be used for many creative design purposes.
Background Property
Backgrounds are a colorful way to add flair to your website — a full guide to all background controls.
Fixed Background
CSS trick: setting a fixed background to a container for a parallax-like scrolling effect.
Apply a page background
In just a few simple steps you can apply a background to any page in your Responsive Site Designer project.
Box Shadow
The Effects section of Responsive Site Designer allows you to cast a drop shadow on any element.
Solving the IE11 fixed background bug
How we solved the IE 11 fixed background bug — an inside look at a tricky cross-browser rendering issue.
Elements & Content
12 articlesAdding a form to Responsive Site Designer
Web Form Builder is an amazingly powerful, responsive form creator. Learn how to embed forms into your project.
Responsive Google Maps
Add Google Maps to your site responsively. Maps can drive business right to your front door.
Creating Links with Responsive Site Designer
Create links to files, documents, external pages, anchors, email addresses and phone numbers.
Responsive Site Designer Picture Element
Working with the Picture element — serve the right image size for every viewport with modern HTML.
Create a favicon
Add a favicon (short for favorite icon) — a tiny graphic that identifies your brand in browser tabs.
Responsive Site Designer — Adding Elements
Elements are the building blocks of your website — headings, images, buttons, and more. Here's how to add them.
Create a Nested Menu from Scratch
One of the most important parts of a website is navigation. Learn to build a full nested menu from scratch.
Adding a menu to Responsive Site Designer
Build good-looking, well-functioning navigation menus right inside Site Designer with the Menu Builder.
adding and duplicating rsd pages
Adding new pages to an RSD website — how to grow a multi-page project quickly and efficiently.
Bootstrap and Foundation Component Library Collection
Website components are elements — a collection of pre-built Bootstrap and Foundation components ready to use.
Syncing with Symbols
Symbols are an awesome time-saving feature. Sync navigation menus and other repeated elements across your site.
Learn to Modify a Custom Code Menu
Working with custom scripts for adding special content to your web pages through the Custom Code element.
Effects & Animations
4 articlesAdding Hover Transitions and Effects
Walk through how to apply a transition and an effect to a Button Link element using the Effects pane.
How to apply mouseover effects to a background image
How to apply a mouseover effect to a background image — step-by-step guide to interactive hover states.
Transitions and Animations in RSD
Once your content and design are in place, transitions and animations give your pages life and personality.
Site Designer Reset Control
Optimize your CSS stylesheet using the Reset control — clean up overrides and start fresh on any property.
Publishing & Integrations
7 articlesConvert a static email to a responsive design
From an unreadable newsletter to a responsive version in just a few hours — a practical email redesign.
Insert Google Analytics To Responsive Site Designer
Adding Google Analytics & other SEO goodness once your site is complete — track visitors from day one.
Can I Transfer My Profiles to Another Computer?
To back up your CoffeeCup app database (for HTML Editor, Site Designer…) — here's how to move everything.
Chapter 3: Exporting your Image Map
Ready to export your image map? When exporting, you have two choices — here's what each one does.
Test PHP Files Locally with Site Designer's Live Preview
Server-side testing with Site Designer's Live Preview — develop PHP-powered pages without a remote server.
How to Install PHP on Windows for Local Testing
Quick guide: install and run PHP locally on Windows so you can test dynamic pages before publishing.
Windows Install Error
CoffeeCup application Windows installation error — common causes and fixes to get you up and running.