Articles tagged “Responsive Site Designer” - Sort by article_published_on - Order by desc

Transitions and Animations in RSD

So you’ve got all the content of your page down, along with most of your design. You are almost ready to publish- but there is still one thing missing. Even though your website is...

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

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

Apply a page background

Apply a Background to your Page In just a few simple steps you can apply a background color or image to the entire project of your site or on a single page. These steps work across all of our...

Syncing with Symbols

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

The top apps for responsive design

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

Responsive Site Designer Video Tutorials

Working with our responsive apps is intuitive, fast & easy. Of course we would say that, right? There’s plenty of proof for that though, and it’s not just the great customer...

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

Bootstrap and Foundation Component Library Collection

The Components Library Collection Website components are elements, or a combination of elements, that are transformed into interactive features using special attributes and...

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

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

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

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

adding and duplicating rsd pages

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

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

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

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

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

Complimentary Templates

Download Free Responsive Website Designs Design fabulous, device-independent, websites. Visually. They will provide an optimal viewing and interaction experience for every single viewer on...

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

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

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

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

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

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

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

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