There are three export options available for publishing websites that are created with Blocs. All three options can be accessed via the apps main menu File > Export. Quick Export You can quickly export your project from Blocs at any point using File > Export > Quick Export from the apps main menu or using […]
All posts by helen
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 […]
Font Manager
The Blocs Font Manager lets you install local web fonts such as .woff and .ttf as well as any of the fonts from the Google web font library, including all available subsets such as Cyrillic, Arab and Greek. Open Font Manager To access the Font Manager, navigate to the main preferences by selecting Blocs > […]
Brics Basics
Brics are individual user interface elements that we use in order to make up our web page design. Images, buttons, icons, headers and many others are all classed as Brics within the Blocs application. Adding Brics To add a Bric to a page you must first enter Drop Mode, to enter drop mode Left Click the […]
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. […]
View Modes
Blocs has two main view modes that you can utilise while building your web site, design and preview mode. Design mode is the default view mode that is set when Blocs is first launched. In design mode, you will have access to all of the editing, interaction and animation tools available within Blocs. In preview […]
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 […]
Global Swatches
There are multiple ways to add colour to elements in Blocs, you can either use static colours which are applied via a custom CSS class or you can use global swatches. The benefit of using a global swatch is, if a global swatches colour value is updated at some point in the future, all Blocs and […]
Images
Images can be added to your project in two ways. Import to library or dragging images into the Blocs application. Changing Images When you place an image Bric into your design or use one of the pre-made Blocs that contains an image, the image will be set to a basic placeholder. To change any image […]
Managing Pages
Blocs allows you to create an entire website inside the application, you can add as many pages as you need for your project and they will all be stored in a single Bloc file. Adding Pages You can add a new page to your project by clicking the button marked with a + symbol, located in […]