Articles tagged “Responsive Site...

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

Responsive Site Designer Video Tutorials

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

Adding a form to Responsive Site Designer

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

Responsive Site Designer Resource Overview

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

Responsive Google Maps

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

Responsive Web Design

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

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

Create a favicon

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

Convert a static email to a responsive design

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

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

Practical responsive site design with RSD

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 Site Designer Picture Element

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

How to allow text to wrap around an image

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

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

Responsive Site Designer — The Design Pane

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

Responsive Site Designer — Adding Elements

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

Create a Nested Menu from Scratch

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

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 design demystified

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

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

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

Borders & Border Radius

CSS Controls: Applying Border and Border Radius Borders can be used for many different things and come with several different options. The first thing you need to know about borders is that...

Background Property

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

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

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

Fixed Background

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

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 the design layer

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

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

Insert Google Analytics To Responsive Site Designer

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