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

Audience:
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