Table of Contents

Blocks Application Notes

Blocks application notes provide inspiration and make it easy to try out ideas, hone your Blocks skills and learn best practices. Many application note come with a complete set of files that includes everything you need to run it on your Blocks system (see below for installation notes).

Applications

External video sources

Control

External data sources

Time

How to examples

Extended documentation

Intra browser communication

CSS Styling

Common set-up instructions

Many application notes come with a complete set of files (commonly referred to as a "Blocks root") for running the application on your own blocks server. To use such a Blocks root, do as follows:

  1. Download the .zip file.
  2. Unzip it into a suitable location on the computer you use as your Blocks server (may be your own Mac/Windows laptop, or a Linux-based server).
  3. Stop Blocks if it is running on that computer.
  4. Make sure you have a file named PIXILAB-Blocks-config.yml in your home directory, containing your preferred Blocks settings, as described here.
  5. Locate or create a root entry in that configuration file, specifying the path to the application note directory unzipped in step 2 above, as described here.
  6. Start Blocks.

:!: If you don't already have a configuration file in your home directory, you can download this generic configuration file.

Most application notes also require that you re-assign the Display Spot used in the example to a display or browser window of yout choice. Do so by double clicking the Display Spot in the editor and select yout spot's ID under "Re-assign to Display Spot".