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
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
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
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
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
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
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
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