This video covers the basics of creating a Pulse CMS theme with Blocs. Pulse CMS video lesson

This video covers the basics of creating an October CMS theme with Blocs. October CMS video lesson

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…

Blocs has two main view modes that you can utilise while building your website, 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…

The Problem After downgrading back to Blocs 2.3.2, the Icon Library window is blank when I open it. The Reason This is because the icon sets have been updated for use with Blocs 2.4 and above, this makes them non backwards compatible. The Solution In order to use Blocs 2.3.2…

The Problem None of my project assets are displaying correctly on the design canvas or in the Asset Manager. The Reason This is because the Blocs Application and the relevant Application Support directory need to reside on the same hard drive. It’s likely that your Mac has two hard drives…

The Problem After upgrading Blocs, the Icon Library window is blank when I open it. The Reason This is because the Blocs Application and the relevant Application Support directory need to reside on the same hard drive. It’s likely that your Mac has two hard drives and your Applications directory…

Blocs allows you to easily integrate any type of code into your projects using the code widget. This feature is exceptionally useful as it can be used to add additional functionalities to your Blocs projects that are currently not available yet. Inputting Code To edit the content of a code…

The Project settings let you control various global styling aspects of your Blocs project. Accessing the Project Settings You can access the main Project settings by navigating to File > Project settings from the apps main menu. General Settings Web Address The web address is the URL that you plan to…

A Breakpoint is a term used in responsive web design. When viewing your website on various devices it is important the content is set out correctly to provide the best possible viewing experience for your visitors. Breakpoints ensure a websites content will respond to the size of the screen from…