snippets

introduction

These snippets demonstrate specific techniques for using bitty. Each one focuses on accomplishing a specific goal.

Each pages includes a live example of the technique powered by the HTML and JavaScript below it.

script and bitty tags

Each page contains the:

<script type="module" src="/bitty-#-#-#.js"></script>

and:

<bitty-8 data-connect="/module.js"></bitty-8>

tags that load bitty and connect to the module. These aren't shown to avoid unnecessary repetition.

Styles, Templates, and Data

Some examples include extra assets in the form of stylesheets, template files, ans JSON data. These appear on the page below the HTML and JavaScript when they exist. The data starts out collapsed to prevent large files from taking up a ton of space.