Category Archives: CLIO

HTML/CSS | How to Create CSS Flip Cards in CLIO

CSS flip cards are a great way to dynamically display Q/A or vocabulary-baed content. You can even add audio and images to your cards, depending on the content from the client. In this training, you’ll learn how to: Create animated … Continue reading

Posted in CLIO, Coding, Misc | Comments Off on HTML/CSS | How to Create CSS Flip Cards in CLIO

Adding A Canvasser Within CLIO

A Caveat: To implement a Canvasser within CLIO, it must be held within a Simulation card type. The Simulation card type, however, has been deprecated. If you would like to use a Simulation card type, you must have an existing … Continue reading

Posted in CLIO | Comments Off on Adding A Canvasser Within CLIO

Basic Training: How to Create an Interactive Game Using Canvasser

Canvasser is a building tool that allows you to create simple animations and interactives that can be displayed on the web (in both desktop or mobile view). An interactive is essentially content that changes depending on the input of a … Continue reading

Posted in Basic Trainings, CLIO | Comments Off on Basic Training: How to Create an Interactive Game Using Canvasser

How to Create a CLIO Course Module – Part 2

In this second part of CLIO training you will be doing more advanced stylings using CSS classes and HTML code snippets. Part 1: Getting Familiar with the basics of the Chrome Inspect Tool These set of instructions will be utilizing … Continue reading

Posted in CLIO | Comments Off on How to Create a CLIO Course Module – Part 2

How to Create a CLIO Course Module – Part 1

CLIO is a Content Management System that allows the users to create customizable course modules. In this Basic Training you will be designing and creating your own CLIO course module. Part 1: Creating a New Canvas Assignment with a CLIO … Continue reading

Posted in CLIO | Comments Off on How to Create a CLIO Course Module – Part 1

Making a New Canvas Assignment with CLIO Page

1. Click on the add (“+”) button – NOT the “+ assignment” button on the top 2. In the “Name: “ textbook, put in the name of your assignment. (i.e. Session 1: The Purpose Trap.” Before you hit “Save,” go … Continue reading

Posted in CLIO | Comments Off on Making a New Canvas Assignment with CLIO Page

Editing in CLIO [Basic]

I. Adding Activities & Cards 1. To start adding content/ editing in your new CLIO site, click on “EDIT THIS” button on the left side: 2. To add a new activity, click on the “Add new activity + “ button. … Continue reading

Posted in CLIO | Comments Off on Editing in CLIO [Basic]

Styling CLIO to Visually Enhance Learning – Coding Snippets

Introduction This tutorial will cover how we can use CSS in order to style a CLIO page and improve students’ learning experience. While styling CLIO, make sure that your visuals complement the overall material that’s trying to be taught. For … Continue reading

Posted in CLIO | Comments Off on Styling CLIO to Visually Enhance Learning – Coding Snippets