Articles tagged “Responsive Site Designer”

Responsive Google Maps

Google Maps™ can drive business right to your front door by providing your address, directions and landmarks for your customers to find you. In today's mobile-driven world, we need...

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

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

Style a VSD theme into a responsive design with RSD

Converting a static VSD theme into a rockin’ responsive design If you’re like me, the sound of rebuilding your fixed-width website sounds like a daunting task. However, I found...

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

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 element Pictures, graphics, and logos - this type of content is important for setting the website’s visual character. Yet, they can take up a significant part of the page...

Responsive Site Designer Themes and Designs

Looking for inspiration? Check out the awesome bundle of responsive themes that are perfect for helping you launch your responsive website. They are 100% customizable. Just add your own...

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

RSD vs RLM

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

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

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

Exporting your Responsive Site Designer Project

Now that your website is ready to go live, you’ll want to explore your options for opening it up to the public on the web. RSD is very flexible with how you can control your content giving you...

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

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

Color Palette Manager

What is Color Palette Manager? It’s a nifty app for creating, managing and sharing color palettes. Not just between friends and colleagues, but also between our responsive apps and projects!...

Borders & 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 every element, including the Grid itself, can have...

Box Shadow

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

Fixed Background

We all have seen those slick websites that use effects on their page such as scrolling backgrounds (a.k.a fixed backgrounds). With RSD, you can easily have this same effect with just a few steps....

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

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

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

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