Skip navigation
All Places > Instructional Designers > Blog > 2018 > October
2018

Hi guys!

Our higher education institution has been working with Canvas for just over a year. During this time, this community was very helpful in our doubts and so we would like to share our curated community links.
Thanks to all of you who share your discoveries and experiences with Canvas, all have been very valid.

 

Oi pessoal!

Nossa instituição de ensino superior trabalha com o Canvas há pouco mais de um ano. Durante esse período, essa comunidade foi muito útil em nossas dúvidas e, por isso, gostaríamos de compartilhar nossa curadoria de  links da comunidade.
Obrigado a todos vocês que compartilham suas descobertas e experiências com o Canvas, todos foram muito válidos.

 

  •     COURSES (CURSOS):

 

Analytics:

 

Analytics in Course Design: Leveraging Canvas Data:  https://learn.canvas.net/courses/1176

 

 

Domain paths (Caminhos de domínio):

 

MC_Canvas_Instructor_Orientation: https://ursinus.instructure.com/courses/2850  (part.3)

 

 

Gamification (Gamificação):

Badges for Learning: https://canvas.instructure.com/courses/904071

 

Gamify Your Canvas Course with Badgr Open Badges: https://learn.canvas.net/courses/1628

 

Experience Points for Canvas: https://canvas.instructure.com/courses/1015875

 

Canvas Network Training Course: https://learn.canvas.net/courses/553 (módulo 6)

Canvas for Online Learning: https://uen.instructure.com/courses/404288 (módulo 10)

 

 

Layout:

Canvas for Online Learning: https://uen.instructure.com/courses/404288 (módulo 9)

 

Canvas Course Design: https://canvas.uw.edu/courses/866251

 

Keep Your Canvas Clean: https://uen.instructure.com/courses/368335

 

Canvas Instructor Training: https://richland.instructure.com/courses/1911107

 

Design Tools User Guide: https://cidilabs.instructure.com/courses/102

 

Canvas HTML Editor: https://llu.instructure.com/courses/1131728

 

Canvas Gallery: https://ucdenver.instructure.com/courses/336339

 

Canvas Tutorials: https://lakeland.instructure.com/courses/1455362

 

Org: Canvas 101: https://fsu.instructure.com/courses/63

 

Peter Wiarda Sandbox: https://slcc.instructure.com/courses/377550


CanvasBasics@GSE: https://canvas.harvard.edu/courses/7923 

Design Ideas: https://canvas.bham.ac.uk/courses/17551 

 

                      Canvas + _______ = Engaging Experiences: https://esc11.instructure.com/courses/4271 


                      Canvas Extended: https://canvas.ewu.edu/courses/1028360 

 

                      Pauleds / resources: https://canvas.instructure.com/courses/787387 

 

                     3 Col: https://canvas.uw.edu/courses/1103267 

 

                     AdvCanvTraining: https://bates.instructure.com/courses/1550162 

       

                    Teaching Resources Hub: Teaching Resources Hub 

 

 


Courses that inspired us (Cursos que nos inspiraram):

 

Overview of various courses (Visão geral de vários cursos): https://learn.canvas.net/search/all_courses

Technical Mathematics for Industry: https://learn.canvas.net/courses/256

Design Thinking for K-12 Educators: https://learn.canvas.net/courses/931

 

Canvas Template Basic – Emory: https://canvas.emory.edu/courses/30202

 

Canvas Tour for Students: https://canvas.fau.edu/courses/6269

 

Chemistry I: Elements and Compounds and their properties: https://learn.canvas.net/courses/1109

 

Teaching Flipped: https://learn.canvas.net/courses/765

 

Open Mic Songwriting: https://learn.canvas.net/courses/535

 

Supporting Girls in STEAM: https://learn.canvas.net/courses/892

 

Biometric Technologies: Identification for the Future (September 2015): https://learn.canvas.net/courses/552

 

Empowering Yourself as a Digital Citizen: https://learn.canvas.net/courses/591

 

Intro to Geology: https://resources.instructure.com/courses/11/pages/course-home-page

Canvas Teacher Community: https://cuesta.instructure.com/courses/108

 

Online Education Center Orientation: https://deanza.instructure.com/courses/1106

 

Canvas: https://www.canvas.net/

 

 

Outcomes (Resultados):

 

Canvas Instructor Tutorials: https://lakeland.instructure.com/courses/740304/pages/setting-up-the-mastery-gradebook?module_item_id=13176394

 

Learning Outcomes & Rubrics: https://canvas.vt.edu/courses/27/pages/learning-outcomes-and-rubrics#Learning

 

 

 

  •     COMMUNITY (COMUNIDADE):

 

Gamification (Gamificação):

Completing the quest by unlocking content: https://community.canvaslms.com/thread/9783

 

Layout:

Dynamic page flow with course menu navigation: https://community.canvaslms.com/thread/9238

 

Minimalistic template design: https://community.canvaslms.com/thread/22184-minimalistic-template-design


Templates: Responsive Design for the Mobile Web: https://community.canvaslms.com/groups/cmug/blog/2018/06/28/templates-responsive-design-for-the-mobile-web

 

Home Sweet Homepages without Tables: https://community.canvaslms.com/groups/designers/blog/2015/05/22/sweet-home-pages-without-tables

 

Share UDL Course Design Tips, Tricks, and Techniques: https://community.canvaslms.com/groups/accessibility/blog/2016/06/08/share-udl-course-design-tips-tricks-and-techniques

 

Developing Course Pages Using Bootstrap: https://community.canvaslms.com/thread/13567-developing-course-pages-using-bootstrap

 

Flexbox Grid tips and guides: https://community.canvaslms.com/thread/2767

 

Video Carousel: code-snippet: https://community.canvaslms.com/docs/DOC-3497-video-carousel-code-snippet

 

Element Toggler: https://community.canvaslms.com/thread/24219-element-toggler

 

Basic Clickable Image Map: code-snippet: https://community.canvaslms.com/docs/DOC-3294

 

Using jQuery without Custom Javascript: https://community.canvaslms.com/groups/designers/blog/2015/07/01/using-jquery-without-custom-javascript

 

Canvas Scrolling Side Menu: https://community.canvaslms.com/groups/canvas-developers/blog/2018/06/27/canvas-scrolling-side-menu

 

Columns Without Tables: code-snippet: https://community.canvaslms.com/docs/DOC-3289

 

Easy Slideshow or Gallery in HTML: https://instructure.jiveon.com/groups/designers/blog/2016/02/20/easy-slideshow-or-gallery-in-html

 

Improve Threaded Discussions with CSS: https://community.canvaslms.com/groups/designers/blog/2016/05/26/improve-threaded-discussions-with-css

 

                      Lightbox Effect: https://instructure.jiveon.com/groups/designers/blog/2016/06/21/lightbox-effect 

 

                     Teacher Appreciation 2018 | Home Page Templates: Teacher Appreciation 2018 | Home Page Templates  

 

 

Learning Mastery (Domínios de aprendizagem):

 

How is your school using Learning Mastery?: https://community.canvaslms.com/thread/23957-how-is-your-school-using-learning-mastery

 

 

Course Progress (Progresso no curso):

Help Students Monitor their Course Progress: https://community.canvaslms.com/people/kona@richland.edu/blog/2017/05/11/help-students-monitor-their-course-progress

 

 

UDL (Universal Design for Learning)

Implementing Universal Design for Learning on Canvas: https://community.canvaslms.com/groups/designers/blog/2017/10/16/implementing-universal-design-for-learning-on-canvas

 

Teaching Effectively in Canvas (Please share ideas & advice!) : https://community.canvaslms.com/groups/designers/blog/2017/05/02/teaching-effectively-in-canvas-please-share-ideas-advice

 

 

  •     PAGES (PÁGINAS):

 

Layout:

Style Guide: https://canvas.instructure.com/styleguide

 

Thinking in Canvas: Using pages to make your unit come alive: http://sydney.edu.au/education-portfolio/ei/teaching@sydney/thinking-canvas-using-pages-make-unit-come-alive/

 

Tips for Designing for Mobile Devices: https://docs.google.com/presentation/d/1mMJLQs9eMf3BqKmky-wDoqEdig9Z1cmyEs_xMHu5500/edit#slide=id.p39

 

Progress bar in Instructure Canvas: https://learntech.imsu.ox.ac.uk/blog/notes-on-instructure-canvas/

 

ARCHIVED: Adding enhanced interface components in Canvas content: Adding enhanced interface components in Canvas content 

 

UDL (Universal Design for Learning)

 

http://udltheorypractice.cast.org/login

In response to the Disappearing Graphics and related posts here, as well as related questions from my own faculty, here are some tips for what you might try doing if you run into a situation in which some or all of the images do not appear to load in Canvas.  Feel free to add your own suggestions, corrections, etc. in the comments below.

 

Occasionally you may notice that one or more images do not appear to be loading on a page in Canvas - especially pages that have a lot of images.  In my experience (been using Canvas since 2011), this is just a temporary issue and reloading the page fixes it, and usually the cause is my school network, not the Canvas servers or my computer or browser.

 

Why does this happen?

There are various reasons why this may happen - your school or home network may be clogged or having other issues, Canvas servers are overloaded, your computer is overloaded, etc.  When you load a page from a web server like Canvas, your web browser may actually be making dozens of requests from the server - one for each image and CSS and javascript file used on the web page.  This puts a brief but potentially heavy load on your computer, your home or school network, and the Canvas servers.  For more discussion of this issue, see these threads on the Canvas community site: Disappearing Graphics and Why are my jpeg images disappearing.

 

How can I fix this issue?

First, make sure you are not using an old computer with insufficient memory/RAM or an out of date operating system or browser.  Canvas will not work correctly with Internet Explorer, for example.  Try the Chrome, Firefox, or Safari browser instead.

Make sure also you have a decent Internet connection.  If you are trying to connect over a poor wifi or cellular signal, that may also cause the issue.  Run a speed test to see how fast your Internet connection is.

You can also check the status of Canvas servers, but that is rarely the issue.

If images are not showing up in one course but they show up fine in others, it may be because you (or the course builder) copied and pasted images into the course rather than uploading images into the course.  Copying and pasting images from one course to another does not work.  The pasted images are still being loaded (or not loaded) from a different course that you may not have access to.  Run the link validator in Canvas to check for and fix broken images and links.

 

If none of those are issues in your case, try one or more of the options below, starting with the first:

Option 1. Reload the page

If a simple reload of the page does not appear to be fixing the issue (control-R or command-R on macs), try control-shift-R (or command-shift-R on macs) to reload the page and force everything to re-download.  Your browser keeps a cache (store) of images and files it has downloaded before.  Control-shift-R should tell the browser to re-download everything.

That usually fixes the issue for me, but if things are still not working and you don't think it is poor network connectivity, there are some "stronger" options below that you can try.

 

Option 2. Empty cache and hard reload

Sometimes it is necessary to empty that cache first to force all images or other files to be downloaded again.

In chrome, you can hit control-shift-i (or command-shift-i on macs) to open the developer console pane on the right.  Then right-click (or control-click on macs) on the reload button and select Empty Cache and Hard Reload, as pictured below.  Hit control-shift-i again to close the developer tools pane.

empty cache and reload browser

 

Option 3. Clear browser data

In Chrome, you can clear all the images and files stored by your browser.  Click the 3 vertical dots on the top right of Chrome, go to Settings, and scroll to the bottom and click on Advanced.  Click on Clear Browsing Data.  You can also get there directly by going to this URL:  chrome://settings/clearBrowserData

clear browsing data

Clear recent images and files from your browser like so:

clear browsing data and cached images

 

Reload the Canvas page to see if that fixes the issue.

See this Clear browsing data page for more details.

 

Option 4. Clear Chrome browser extension

Another option is to install the Clear Chrome browser extension for Chrome.  It adds a button in the toolbar that will clear your cache any time you press the button (and optionally it will reload the page for you, too).

 

How can I lower the chance of this issue happening in my courses?

I would recommend not using very large images in your Canvas pages, and not too many images.  You might try to keep your individual images under 100kb and the total size of all images on your page under 1 megabyte.

Try an image editor like Pixlr to resize your images to be smaller in file size (go to Image -> Image size to resize).

  

 (This was originally posted on our college circles of innovation blog.)

Filter Blog

By date: By tag: