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...
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...
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...
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...
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...
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...
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...
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....
The Components Library Collection Website components are elements, or a combination of elements, that are transformed into interactive features using special attributes and...
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...
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...
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...
Download Responsive Themes Build cool, device-independent, sites and forms. Visually. These themes will provide an optimal viewing and interaction experience for every viewer...
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…”...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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 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...
Working with custom scripts for adding special content to your web pages. Visual editing is what makes Site Designer special. But the not-so hidden secret is the ability to use custom scripts...
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 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 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....
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...