Add Google Maps to your site responsively. Google Maps™ can drive business right to your front door by providing your address, directions and landmarks for your customers to find you....
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 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...
The flowing of text around an image is a technique that is frequently part of a designer's arsenal. Although the process of wrapping text has changed over the years, this is easily accomplished...
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...
From an unreadable newsletter, to a responsive version in just a few hours I got this email from Zappos™ with the intriguing subject “Update regarding Zappos emails…”...
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...
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...
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,...
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...
Add a fun favicon, short for favorite icon, which is a tiny graphic that appears in the web browser tab when your site is opened. These icons are also used by mobile phones when saving a webpage...
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...
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...
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...
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...
Working with the Picture element Ahhhh the mighty picture element. Arguably one of the most important features of a website. Pictures, graphics, and logos - this type of content is...
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...
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....
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...
Responsive Site Designer V1 & V2 videos Working with our responsive apps is intuitive, fast & easy. Of course we would say that, right? There’s plenty of proof for that...
Web Form Builder is an amazingly powerful, responsive form creator. Create forms for registrations, surveys, purchasing and more. Now that you have created a totally cool form, it is...
To backup your CoffeeCup app database (for Html Editor, Site Designer, Email Designer, Direct FTP), you simply need to copy the database file to a secure location. Once you do that, you can then...
The effects section of Responsive Site Designer allows you to cast a drop shadow from the frame of almost every element. The Box Shadow settings provide you with multiple values, which can be...
CSS Trick: setting a fixed background to a container. We all have seen those slick websites that use effects on their page such as scrolling backgrounds (a.k.a fixed backgrounds). With Site...
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...
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...
The Components Library Collection Website components are elements, or a combination of elements, that are transformed into interactive features using special attributes and...
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...
Sync your navigation menu across your website project! Symbols are an awesome time-saving feature when it comes to managing commonly used items in your site. When an item is saved as a Symbol,...
Adding Google Analytics & Other SEO Goodness So you've completed your site and are ready to share it with the world? Well, one vital piece that you shouldn’t forget about is utilizing the...
