collev

[collev]

no

No text entry boxes in MC, Matching, Arrays & please no Fillable Tables!!!

[collev]

Do not use text entry boxes in...

Angular vs. Other Widgets and Graphs:: The Math Array, Multiple Choice and Matching widgets use Angular.js as part of their engine, and pull information from an external file that are rendered in page. Do not use Text Entry boxes in Angular widgets -- Text Entry Data is not saved in Brightspace here. To keep things simple(r), keep the graphing widget out of Angular widgets and use images of built graphs here instead. (copyright says we can't just keep Desmos screengrabs) Accordions and Tabs can include Graphs and Text Entry boxes (widget lives in HTML page ≠ pulled from external file) Please don't create images of Graphs unless they're used in an Angular widget

[collev]

LA naming convention

As you're working on your LAs, please use this naming convention:  

<title>Learning activity 4.5: Making Financial Decisions</title>  

The numbering becomes important once we get to the review stage and once the course is uploaded

[collev]

make links/URL accessible (html)

<a href="https://www.history.com/article1" target="_blank">Read this article<span class="sr-only"> (Opens in new window)</span></a>

[collev]

Quick QA Tracker

To help find the urls for D2L Captivate courses https://docs.google.com/spreadsheets/d/1fLW5y2h7PNyze_znWyAQaGxUNy1gU7oTwcoYeN1Fwbc/edit#gid=1980506434

[collev]

AODA Team Guide (captivate)

https://docs.google.com/document/d/1jjwOoDk3m4djTBG3s5eknhdmiLnjajGUpW5j-nzdwXU/edit#

[collev]

Math equation editor online (mathML)

http://www.imatheq.com/imatheq/com/imatheq/math-equation-editor.html

[collev]

Course Production Manual ILC101

https://dcc.ilc.org/ilc101/demo/process_index.html#tools

[collev]

D2L

D2L

https://course.ilc.tvo.org/d2l/login

[collev]

FPO images

FPO IMAGES:::

Try It!

CJ's tested this out --

If you have poor images in your LA, can you use the above convention so that we can get a running list of poor images in to_code.php?

The first line will show on the page, is read by the script and plops the image on the to_code page

The second line is the usual code

or with a note to LED that will show up in the images php file:

[collev]

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

if (isMobile) {

/* your code here */

}

[collev]

Geogebra ggb

Disable zoom/pan

[collev]

remove item in 2nd dropdown

var dropdown1 = $("select[name='q5']"); var dropdown2 = $("select[name='q6']"); dropdown1.change(function() { dropdown2.empty().append(dropdown1.find('option').clone()); var selectedItem = $(this).val(); if (selectedItem) { dropdown2.find('option[value="' + selectedItem + '"]').remove(); } });

[collev]

bootstrap controls

Allows you to get to the [x] close when pressing tab in a modal: https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal_keyboard_data&stacked=h Modal (data-keyboard="false")

------------ data-slide-to="9" allows you to go to a specific page ------------- allows you to move carousel using keyboard arrows $(document).bind('keyup', function(e) { if(e.which == 39){ $('.carousel').carousel('next'); } else if(e.which == 37){ $('.carousel').carousel('prev'); } });

[collev]

the html5 vault turned 6 today!

[collev]

stop phone number from being a link (ipad)

meta name="format-detection" content="telephone=no"

Add opening and closing bracket at start and end

[collev]

change disabled text colour etc

input[type=text]:enabled { } input[type=text]:disabled { }