P27 BYOL: Building Responsive Learning Apps with HTML5 and Skeleton CSS

8:30 AM - 4:30 PM Tuesday, November 15


Building custom learning that works on any device is no easy task. There are several devices and platforms you have to worry about. Several different phone sizes to target, not to mention the various sizes of tablets and desktop devices. This can be daunting for anyone trying to build custom learning. Luckily, there is an easier way of building responsive learning without having to learn a lot of code or being stuck with one tool.

In this workshop, you will learn the basics of HTML5 and how to structure and create content; then, you will learn how you can leverage Skeleton CSS to make responsive design a snap and explore creating simple course menus with Hamburgler.js. This workshop will allow you to target any device of any size, creating mobile break points and stylizing your content to look great on mobile devices.

In this session, you will learn:

  • The basics of HTML5
  • The fundamentals of CSS
  • How to create responsive design with Skeleton CSS
  • How to create a course menu with Hamburgler.js
  • The basics of the xAPI and how to send statements to an LRS

Novice and intermediate designers and developers.

Technology discussed in this session:
HTML5, some CSS, Skeleton CSS, and Hamburgler.js.

Participant technology requirements:
Sublime Text Editor, HTML, and CSS.

Click here for the session trailer

Jeff Batt

DevLearn Program Manager

Learning Dojo

Jeff Batt has 12+ years of experience in the digital learning and media industry. He is the founder and trainer at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile-related software applications. Jeff often speaks on developmental technologies such as xAPI, HTML5, augmented reality, mobile development, eLearning development tools, and more.

<  Back to session list Top ^