Building Responsive HTML5 Learning with Bootstrap at DevLearn 2017

One thing I love to do is think outside the norm. To try something new that is not your standard way of building eLearning. All sound like cliches that any good eLearning vendor would tell you, but I really do. I have invested a lot of my own personal learning time and funds to try new things. I am currently …

Toggle True and False Variable in Articulate Storyline 360

I have been working with Storyline for years and there is one powerful feature that I have overlooked till now. When I was back at eLearning Brothers building a lot of templates I wish I would have known about this feature, and it is a simple way to toggle the True/False variable true and false. What I would do to …

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 …