• Custom Data Attributes

    If you are integrating 3rd party code or resources into your Blocs site there are times when you may need to add additional data attributes to certain elements within a page. The custom data attribute controls in Blocs make this a very simple and easy process. What are custom data…

  • Add phone number as link

    The Problem I want to add a clickable contact phone number to my webpage, but I can’t see an option to do that? The Solution Although Blocs doesn’t come with a specific phone number interaction, it is possible to use the URL interaction to create a clickable contact number on…

  • Short Codes

    Short codes are small text snippets that can be entered into any page via the code widget or the various text Brics that come with Blocs. When a project is exported, these codes are replaced with common project variables such as the page name, title or base url. Short codes…

  • Scroll FX

    Blocs comes with various animation features, however, Scroll FX are probably the most captivating as they allow you to animate objects on screen and have those animations synced with the scrolling of a page, this style of animation effect is commonly referred to as parallax. Applying Scroll FX Applying parallax…

  • Sitemap

    A Sitemap is an XML file that lists the URLs for a site. It allows webmasters to include additional information about each URL: when it was last updated, how often it changes, and how important it is in relation to other URLs in the site. This allows search engines to…

  • 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…

  • Navigating Pages

    There are multiple ways to navigate the pages in your project while designing in Blocs. For smaller projects with less pages you can use the simple navigation dropdown menu which is located in the top right corner of the toolbar. This dropdown will list all of the pages within the…

  • Deactivate License

    To deactivate the license used on the current Mac, navigate to the main preferences by selecting Blocs > Preferences from the apps main menu. From the preferences window, select the menu tab with the key icon, that is labelled License. This will take you to the license options. To deactivate…

  • Toggle Navigation BreakPoint

    Websites built with Blocs use the Bootstrap framework, when a site that uses Bootstrap is viewed on a mobile device, the standard navigation links become a toggle menu that is accessed via a button, this is normal behaviour as it improves the mobile user experience. Changing the Toggle Breakpoint There…

  • Custom Class Video Course

    This video course covers the basics and some more advanced techniques of styling elements using custom classes. Basics Advanced