Master the CoffeeCup Site Designer for building responsive websites. Use Flexbox, CSS Grid, and custom breakpoints within a visual design workflow. Work with pre-built components to speed up your workflow. CoffeeCup Site Designer is a web development tool to create and design a new website, or to modify and enhance your existing website. Site Designer is a WYSIWYG tool which provides a real-time visual design environment for building or modifying websites.
Landscape Design Software
Working with prebuilt components
Most of the components found in the theme are core framework components. Using these 'base' components, themes can be used for quick functional prototyping and as a solid, proven, foundation for new projects.
Components generally consist of a number of nested elements combined with predefined classes. The image shows the classes for an accordion item.
Coffeecup Site Designer V4
The image shows that the is-active Foundation class have been disabled. This makes sure that any custom styles are only tied to the accordion-item class. We will talk more about the use and de-selecting of classes in the Style pane section.
To add a pre-built component to your project click on the Components toolbar icon. This will launch the library. Along the left hand side you will be presented with the available components for your project framework. Free record software for mac. Detailed descriptions are provided below the selected component to give you an overview of the feature.
When you find the component you want to use, click on the Add To Project button in the lower right corner. This will import the component into the Content pane > Components Section.