Meet the app interface
Coffeecup Site Designer Review
A complete Web Authoring System for Linux Desktop, Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver. Nvu (pronounced N-view, for a 'new view') makes managing a web site a snap. You can also tweak code within Site Designer V4's built-in code editor dialog. Add an HTML Element to the canvas, then click Open Dialog on the Element pane to launch the code window. 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 Visual Site Designer 7.0.81 is available as a free download on our software library. The most popular versions among CoffeeCup Visual Site Designer users are 7.0, 6.0 and 5.9. This PC software was developed to work on Windows XP, Windows Vista, Windows 7, Windows 8 or Windows 10 and can function on 32-bit systems.
0
HELP!
Ddj 400 dj. Help will always be given at CoffeeCup to those who ask for it. You can visit our forums to ask questions or our five star support team. Also the Help Dialog in the Site Designer toolbar is only one click away :)
1
The Real-Time Canvas.
This is a browser-based working area. A major advantage of this is that what you are creating will look and feel the same as when the site is published on the web. The canvas is mainly used for the live design view, selecting or reordering elements, and editing texts.
Coffeecup Site Designer Review
2
The Control Panes.
On the right side of the app, there are 3 control panes, each with specific roles for visually managing the content, layout, styles, HTML, CSS and Javascript, and page properties.
3
Viewport Slider & Breakpoint Manager.
Above the canvas working area, you will see a bar aka 'Viewport Width Slider’. This bar contains a number of tools for managing the design at all possible device widths.
The breakpoints (also known as media queries) indicate changes in layout or content styles for a certain screen size. They are noted with a triangle along the top of the Viewport Width Slider. When they are active, meaning that styles will be applied to that viewport width, these triangles will be filled with another dark triangle inside.
The ones that are framework specific breakpoints are indicated by a color (blue, pink, and purple). The breakpoints you create will display as white. Add and delete custom breakpoints using the +/- at the left side of the width slider bar.
4
The Toolbar.
Access commonly used functions such as the Page Manager to add and delete pages, manage project Resources such as images, browse the Components Library, launch a Preview in a specific browser, Toggle Breakpoints, even Publish. Google sketchup pro.
Video Tour of Site Designer