Watch how the app works and learn a few cool tricks using our video tutorials. Love to learn by video? We're also on YouTube and Vimeo! You should totally subscribe to our channels below. You'll find more how-tos, demonstrations, and showcase videos.
This video is a great starting point! Get introduced to the app's controls, learn how everything is organized, and get an understanding of the general workflow for building websites.
Master 'Grid' With These Tutorials
Learning a new technolgy can be a bit of challenge. The videos below, in combination with the visual interface of Form Designer caused a big cheer in the CoffeeCup community. They have helped many get started with the best new technolgy the web has seen in the last decade. We will be adding more in the next weeks — make sure to subscribe to our newsletter so we can keep you posted!
Episode 1Understand the basics about creating a general CSS Grid layout.
Episode 2Learn about the implicit grid, track sizing and the FR unit.
Episode 3Creating the Holy Grail layout using CSS Grid Template Areas.
Step 4Insert and style a Heading element for an eye-catching message.
Step 5Learn how to nest multiple containers and position three grouped items (image link with a header).
Step 6Create a closing message by adding and styling a Paragraph & Button Link element.
Step 7Learn how to build a simple navigation footer using Text Links.
Step 8Learn how to responsify (edit) the design for wider screens using the width slider and breakpoints.
Popular How-To Tutorials And Demos
Here are some great videos to help you master the controls. New videos will be posted regullary.
Text EditorLearn how to styles special text inline using the Text Editor.
BreakpointsWatch how the layout and design changes at breakpoints.
Grid EditorUsing the CSS Grid Editor to set up a grid layout.
State ControlUsing the in State control to apply a hover effect on a button.
Components LibrarySave items to your Components Library to reuse them throughout your projects.
DemoWriting ModePosition text with the Direction & Writing Mode. Plus build a CSS Grid layout using area names.
Show/HideHow to show and hide an element or group using attributes.