Jump to Table of Contents Skip to Content
infusion
Infusion Tutorials Components Search

Tutorials Developer Introduction to the Infusion Framework
  • Opening Remarks
  • Components
  • Invokers
  • Events and Inversion of Control
  • Models and Model Components
  • Views and View Components
  • Subcomponents and Model Relaying
  • Restructuring Components
  • Overriding Invokers and Refactoring
  • Extending Designs with Existing Components
  • Transforming Model Relays
  • Concluding Remarks
Getting Started with Infusion Component Design
  • Getting Started with Infusion Component Design
  • Set up your environment
  • Define a namespace and create a closure
  • Pick a component type
  • Basic Component Creation
  • Model Components
  • View Components
  • Renderer Components
  • Subcomponents
General
  • Using String Templates
  • How to Create and Use Font Icons
Preferences Framework
  • Creating a Preference Editor
  • Creating Enactors
  • Instantiating the Enhancer and Settings Store Only
  • Styling the Preferences Editor
  • Adding a Basic Preferences Editor to a Site
  • Working With A Preferences Editor On Your Site
  • Creating a New Adjuster UI
  • Minimal Footprint
User Interface Options
  • Getting User Interface Options
  • Setting Up User Interface Options
  • Working with User Interface Options
  • Integrating UI Options Styling Preferences
  • Using Images in Contrast Modes
  • Style Effects and Legibility in Contrast Modes
  • CSS 'Content' Property in Contrast Modes

Infusion Tutorials

Edit on GitHub

This section contains tutorials for using Infusion. Use the table of contents to navigate the content.

Infusion is created by the Fluid Project,
a project of the Inclusive Design Research Centre at OCAD University, funded by a grant from The Andrew W. Mellon Foundation.

Hosting is provided by Netlify.