Jump to Table of Contents Skip to Content

infusion

Infusion Tutorials Components Search

Search the Infusion Documentation

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

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,
originally funded by a grant from The Andrew W. Mellon Foundation and with continued funding support through grants from The William + Flora Hewlett Foundation.

This documentation is licensed under Creative Commons Attribution 4.0 International.
All code examples are licensed under BSD-3.