Securing Your xAPI Statements in JavaScript

xAPI unlocks many new possibilities for learners to engage in learning without the traditional cumbersome process of logging in to an LMS to have access to eLearning content. One of the things we must still consider, especially when building learning experiences in front end languages, is security. The following are a few ideas for keeping LRS information safe if you’re …

Creating a HTML5 Pop Over in Bootstrap 3

If you want a user to click a button, link or image have some additional description or custom HTML display then Bootstrap 3 makes it pretty easy to build. Watch this video to get see how it is done. You can also take a look through my example code and modify it to your heart’s content. See the Pen Bootstrap …

Creating Pop Ups with Bootstrap 3 Modals

If you are needing to prompt the user with additional information or with an action you may want to use Bootstrap modals. Modals show optional information and allow the user to explore more content. Here is a video showing how to get started with Bootstrap 3 modals. Once you watch the video explore the code below. Here is the code …

Creating a Tab Interaction Using Bootstrap

Creating an HTML5 tab interaction is easier than you think with Bootstrap. Instead of trying to figure out how to code all the functionality, with Bootstrap all I have to do is mark up the code using basic HTML markup. Watch the video here to see how it is done. Once you are done with the video you can scroll …

Articulate Rise: Hiding the Page Title Area

Articulate Rise is pretty awesome but I am not a fan of the large title area that it produces on the top of every single page so I found out how to hide that permanently with a simple CSS trick. Check it out below. If you want to learn more about Rise check out my online course that is free …