Articles - Sort by article_views

Chapter 11: HTML Editor Keyboard Shortcuts

You can perform the most commonly used functions in the HTML Editor using keyboard shortcuts. Below is a complete list of all the keyboard shortcuts available in the program: File...

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

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

How to place multiple buttons next to each other

If you are looking to add multiple buttons to your page and have them line up nicely, this article will be a starter for that. Just note that each page is different so this is just a starting...

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

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

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

Chapter 4: Understanding and Using Library Items

A library item is a file that contains blocks of code that you can place anywhere within your markup. With library items, you write snippets of HTML, CSS, JavaSript, etc., that may be common to...

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

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

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

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

What is a Horizontal Rule?

A horizontal rule (<hr>) is a line that goes across a webpage, like so: That was just a default horizontal rule — it's totally possible to create stylish ones, too! To...

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

How to Add Comments to Your HTML.

A comment is text that doesn't show up on the page, but does show up in the code. Web designers often use comments in their code for reference purposes. To add comments to a page in...

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

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

Adding Responsive Google Maps to Responsive Layout Maker

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

How to Add a Form to Your Page

Embed a web form into your website So, you want to add your form to a web editor such as the Site Designer, HTML Editor, or Dreamweaver? Well, here are two options to...

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

How to Open CSS Menu Links in a New Window.

Follow these instructions to set your CSS menu links to open in a new window: 1. If you haven't done so already, insert your menu code into your page. (For more information about this...

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

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

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

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

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

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

Chapter 1: Getting to Know the HTML Editor Workspace

Opening the Program When you first open the HTML Editor, you'll be asked to log into your CoffeeCup account to verify your purchase. Enter your registered CoffeeCup email and password....