Introduction to Blocs

What is Blocs? Blocs is a modern web design tool focused on simplicity. The goal of Blocs is to create beautiful looking, well coded websites without the need to write code in order to create them. What Blocs is Not Blocs is not a Content Management System or FTP client. It does not handle any […]

Read More

Activating your license.

When you first use Blocs you will be asked if you would like to run the 5 day trial or activate your license. If you have purchased a license from the UI Store then you will have received a license number via email, take care not to mix this up with your purchase key which […]

Read More

Updating Blocs

Blocs has a built in update mechanism that will notify you when an update is available. This notification is usually shown a few moments after starting up the app.¬†If for some reason, you don’t get the notification and you know there is a new version of Blocs available, leave the app for around five minutes […]

Read More

Managing Licenses

Blocs uses license numbers to activate and manage the usage of the software, all aspects of license management can be handled in the UI Store when you are logged in. Access License Management To access the Blocs license management settings, login to the UI Store (www.uistore.io) and from the main menu at the top of […]

Read More

Projects

When you create a new project in Blocs you will be presented with a blank Blocs document. Blocs documents are split into three layout areas, two global areas with a single dynamic area in between. The starting and finishing points of these three areas can be disguised using the horizontal blue guides which separate them. […]

Read More

Sidebar

From the options sidebar you can access all of the basic editing controls to fine tune many of the features of the currently selected Bloc or Bric. The inspector sidebar can be positioned¬†to either the left or right of the app main window frame using the option located in the main app’s preferences. The inspector […]

Read More

Window Toolbar

The window toolbar lets you quickly access all of the additional design windows available in Blocs such as the Class Manager, Asset Manager, Swatch Manager, Menu Manager and Project Notes. The window toolbar is located at the bottom of the inspector sidebar. To open one of the additional windows, simply Left Click the relevant icon. […]

Read More

Editing Text

To edit the contents of a text Bric such as a paragraph or header, simply move the mouse cursor over the item you wish to edit and Left Click to select it. The text Bric will now display the blue active object marker. If you give the text item a second click you will see […]

Read More

Basic Text Formatting

As well as the sidebar and custom class options for formatting text, Blocs also has some basic text formatting options included on the item selection marker, that is shown when you select a text bric. These options allow you to make text Bold, Italic, Underlined or appear with a Strikethrough. They also allow you to […]

Read More

Breadcrumb Navigator

The Breadcrumb Navigator is a small section of the Blocs user interface that displays the DOM tree structure for the selected object and its parents. The items in this navigation list can be clicked in order to select other parent objects further up the DOM tree. The Breadcrumb Navigator is useful in situations when a […]

Read More