Moving your Online Training from Flash to HTML5: 5 Best Practices

Moving your flash based courses to HTML5? Here are five best practices to keep in mind.

Flash to HTML5 Best Practices1. Consider incorporating responsive design principles so that your content will work well on devices with different form factors (Smartphones, Tablets).

2. Evaluate browser compatibility for HTML5 from your end user perspective. If for some reason, your users are all using Internet Explorer 6 or 7, HTML5 will not work for your users. And every browser has different levels of HTML5 compatibility!

3. Encode your videos in multiple formats such as MP4 or OGG. Different browsers support different video formats and it’s always good to know the devices and the browsers used by your target audience.

4. HTML5 still has difficulties in playing multiple media elements together such as multiple videos or sounds at the same time. Also, you need user input to start playing multimedia elements. All of these features are possible in flash. So consider the impact on instructional design and media design upfront.

5. Set up a test lab. A basic HTML5 test lab should include a Desktop or a Laptop with a Smartphone and Tablet from both Apple and Android (Samsung devices). Windows and Blackberry devices can be included if know your users have these devices.

HTML5 is an evolving specification. So watch out and make no assumptions!

Srinivas Krishnaswamy


I love to read and share thoughts on technology, enterprise learning, mobile and any thing cool that impacts enterprises.

Tagged with: , , , , , , ,
Posted in HTML5
One comment on “Moving your Online Training from Flash to HTML5: 5 Best Practices
  1. zoedaemon says:

    Reblogged this on zoedaemon and commented:
    Future of html5 🙂

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Enter your email address to follow this blog and receive notifications of new posts by email.

%d bloggers like this: