Articles - Sort by article_views

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

What Meta Tags Should I Add to My Website?

There are three main Meta tags that should be in all websites. They are listed below by importance.  Title: What Is The TITLE Element? Towards the top of a webpage's HTML code,...

Quick Guide to HTML

Right off the bat, here's one of the most valuable tips for learning HTML that you'll ever read: File > Save Page As... When you see a website that makes you say "I...

Grids for bullet proof Responsive Design

Grids Create Order and Consistency. Consisting of a series of rows and columns, grid based layouts convey order and consistency. They provide an organizational framework that helps to create...

Input error: k: Format of site key was invalid

If you load your form and you see this error message where the reCAPTCHA box should be: Input error: k: Format of site key was invalid This means your CAPTCHA settings are still set to...

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

How to Add a Web Calendar to the HTML Editor (Version 5.0 and Higher).

With the release of Web Calendar 5.0, the process of adding your calendar to your website is a wee bit different than it used to be. This is because the latest version of Web Calendar no...

Chapter 3: Creating a New Webpage

There are three ways to create a new page in the HTML Editor: using the Quick Start Wizard , starting from scratch, using a layout, or using a theme. Quick Links: New Blank Page...

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

What Does "Passive Mode" Mean?

If you're having trouble connecting, sometimes the solution is as simple as enabling Passive mode. You can find this option by navigating to File > Manage Servers and putting a checkmark...

Video guide for creating a basic page in Site Designer

Video guide for creating a basic page in CSS Grid Builder & Site Designer V3 & V4. Since the release of Responsive Site Designer V1, the Visions theme has always been a fan favorite....

How to Use the CSS Menu Designer

The CSS Menu Designer (now defunct) was included in the HTML Editor in versions 2011 and earlier but has been removed with the release of our new Responsive Menu Builder .   Step...

Connecting to Your Server

To publish your website to the Internet, you will need to use either S-Drive or purchase space on a server where your website will be stored. Server space is owned by a hosting provider, such as...

Customizing Code Completion in the HTML Editor.

Have you ever wanted to update the tags that appear in the Code Completion list in the HTML Editor? It's actually quite easy. For example, let's say you wanted to add a custom...

Menu Builder Resources

This is a page in (never ending) progress... Themes, Projects, Prototypes, Links, Experiments & More: Do you love our snazzy quick start examples (thanks, you’re making us blush)...

Chapter 5: Tool Tutorials

We’ve covered a lot of ground so far. We looked at the editor’s main features and breezed through an in-depth quick-start guide to help get moving with the program. But...

merry christmas

Design opportunities with Flexbox are AAAA mazing... But they might take a little to get used to. That’s why we created a comprehensive guide with syntax explanations and real life...

Embedding Your Content on a Facebook Page

Ever wanted to add some of your own content to your Facebook page? Now you can! You just need to create a simple Facebook application and embed an HTML document in it. Don’t worry,...

Understanding ReCAPTCHA in Web Form Builder

Web Form Builder comes with a built-in security system if you choose to use it: "I am not a robot" or a reCAPTCHA box. You've seen them on the web before, and likely used a few of these...

Reading the Source Code of a Webpage.

One of the best ways to learn about HTML and the way it works is to look at the source code of websites made by others. You can learn as much from professionally designed sites as you can from...

I See Strange Characters on My Page when I Preview My Website.

Some of our users have reported that they see strange characters like "Ã¥ fÃ¥" when they preview their webpages. These characters do not appear in the...

What are Java Applets used for?

Java Applets are usually used to add small, interactive components or enhancements to a webpage. These may consist of buttons, scrolling text, or stock tickers, but they can also be used to...

How to Add a Form to Your Page

So, you want to add your form to a web editor such as the Web Editor, HTML Editor, or Dreamweaver huh? Well, here are three options to help you on your way. Option1 :...

Chapter 1: Getting to Know the HTML Editor Workspace

Here’s a quick overview of the major features of the HTML Editor’s workspace: 1. Code Editor pane Work with the raw code of your website....

Adding Responsive Google Maps to Responsive Layout Maker

window.location.href = "http://www.coffeecup.com/help/articles/1432"

Chapter 4: Settings, What Goes On Behind the Scenes

Your form looks great! Now you can set up what happens behind the scenes. To set these options, click the Settings button in the Toolbar to open the Form Settings window. General Settings...

Adding a List Box to an HTML Form

List boxes are slightly different from other HTML form elements in that they present multiple options. This being the case, the HTML Editor contains a special tool for keeping your list box...

How to configure MailChimp

Mailing list support is without a doubt a snazzy and useful feature in Web Form Builder. When you set up a mailing list, you can use your form to collect information from people to be used on a...

What is a Web-Safe Font?

There are an awful lot of fonts in the world! For years, no doubt, you’ve been using a ton of them in word processing documents, party invitations, banners, etc. But have you ever noticed...

How to semantically name your classes

Semantic Shenanigans When starting a new website project, most designers have the same thought, “I’m going to build this better than the last one.” We want our...