Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »


Fluid is an open source community of designers and developers who help improve the usability and accessibility of the open web. We contribute to a variety of open source projects (e.g. jQuery UI, GPII, PhET), and work on our own projects including:

  • Infusion: A JavaScript application framework for developing flexible user interfaces.
  • FLOEProvides the resources to personalize how we each learn and to address barriers to learning 
  • Social Justice Repair Kit: The goal is to support youth at risk who have learning differences to re-engage in education through an inclusively designed social justice platform that integrates authentic project-based learning.
  • The Inclusive Design Guide

Fluid Infusion is built on top of jQuery, providing all the stuff you need to create user interfaces that are incredibly flexible, accessible, and easy-to-use. Infusion is an application framework and a suite of user interface components built with HTML, CSS, and JavaScript. In contrast to many other user interface toolkits, Infusion components aren't black boxes--they're built to be modified, adapted, and changed to suit your application or context. Taking a "one size fits one" approach, Infusion even lets end-users customize their experience with the UI Options component.

We're looking for students to collaborate with us on the Google Summer of Code 2020 program. Working with Fluid gives you a chance to learn more about accessibility, usability, and inclusivity while writing code with cutting-edge open web technologies. Create cool stuff and make a real impact on users at the same time!

For information about the various ways we communicate with each other, see our Get Involved wiki page.

Getting Started

Make sure to read through the Getting Started on GSoC page for information on joining the Fluid community and preparing to work on a GSoC project.

Infusion Documentation

Most of the work we do here either uses or directly involves the Infusion Framework and Component Library. These links should get you started learning about Infusion, and should lead you to many more pages.


Port UIO+ Chrome Extension to Firefox and Safari; add more adaptations

Project Description

Port UIO+ Chrome extension to Firefox and Safari, and add more adaptations.

User Interface Options Plus (UIO+) allows a user to customize websites to match their own personal needs and preferences. Settings for the adaptations can be set via the UIO+ adjuster panel or, if on a Morphic ( ) enabled machine, from a keyed in preference set. UIO+ currently supports the following adaptations:

  • Captions (embedded YouTube videos)
  • Character Space
  • Contrast
  • Enhance Inputs
  • Line Space
  • Reading Mode
  • Right-Click to Select
  • Selection Highlight
  • Syllables
  • Table of Contents
  • Text-to-Speech (only for selected text)
  • Word Space
  • Zoom

The primary task of this project will be to port the extension to work in both the Firefox and Safari web browsers. Ideally the same codebase should be used to build the extensions for all browsers. Once the ports are successful, additional adaptations should be created to provide more user customization options. The specific adaptations should be decided on with the mentors.

Tag: Fluid

Difficulty: Medium

Mentor: Justin, Cindy

IRC: Justin_o, cindyli

Skills: JavaScript

Is this a coding project? Yes

Additional Information:

You will need to have access to a macOS machine for the Safari extension.

How to get started:

  • You should familiarize yourself with how the extension works from the user's perspective and with the code (including building, installing, and running the unit tests).
  • You should research the browser extension APIs and requirements for Firefox, Safari and Chrome. 
  • The code is largely written using Infusion, the Javascript framework we use for our projects. If you like to learn via hands-on, the interactive Developer Introduction to basic concepts of Infusion may be helpful. The porting will likely require less interaction with the Infusion code, but as you move to writing adaptations, you'll need to be prepared to make use of the framework. It will also be helpful for understanding the current structure of the code as you work through the porting process.

Migrate FLOE and Fluid project websites to Hugo Static Site Generator

Project Description

Tag: Floe, Fluid

Difficulty: Medium

Mentor: Jon Hung

IRC: jhung

Skills: HTML, CSS, markup templating, JavaScript

Is this a coding project? Yes

Additional Information:

How to get started:

  • No labels