Preview in Browser

While you are working on a design, it’s important to see how the site looks and works in a real web browser. In Blocs, it’s possible to quickly preview your design as a fully coded website in your default web browser by using the keyboard shortcut ⌥+⌘+B. You can also preview your design in any […]

Read More

Forms

Blocs allows you to easily integrate forms into your projects using the various form Brics available. Adding a form To add a form to a page, press the D key to enter drop mode, then hit the 0 key to view the Bric library. Using the search field in the Bric library, type forms. The […]

Read More

Drop Mode

Drop mode is a work mode that allows you to rapidly add content to your pages. Enter Drop Mode To enter drop mode Left Click the drop icon in the main toolbar or press the D key.   Placing Brics onto Page When you enter drop mode the sidebar options will automatically hide to make your workspace more clear […]

Read More

Icons

Blocs comes with five open source icon sets built in allowing you to easily use any of them in your designs. Changing Icons When you place an icon Bric into your design or use one of the pre-made Blocs that contains an icon, the icon will already be set. To change any icon in your […]

Read More

Guides

Blocs is able to display basic page layout guides, to toggle these guides on and off use the keyboard shortcut G when in design mode.

Read More

Project Settings

The Project settings let you set the global styling for the pages of your web site, set the sites favicon and add a Google analytics tracking code. Accessing the Project Settings You can access the main Project settings by navigating to File > Project settings from the apps main menu.   Width The width option lets […]

Read More