• 0

HTML5 instead of Flash

Asked by Gladiatorus,

 Share

Question

Mentor

Gladiatorus

Posted
Posted

Hello:

I make some multimedia educational exercises in Flash (for kids and teens) with many animations that involve lots of drag and drop functionality, multiple answers (with radio and check boxes), filling in the blanks, etc, and checking for correct answers (and sometimes pointing out at the wrong ones) among other things.

I was wondering if it is possible to make the same kind of educational materials with HTML5, JS and CSS.

I tried converting a Flash file to Html5 with the CreateJS Flash extension and with Swiffy but none did a good job.

Any help please?

Thanks.

Link to comment
https://www.neowin.net/forum/topic/1108643-html5-instead-of-flash/
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Grand Master

+virtorio MVC

Posted
  • MVC
Posted

It certainly is possible, but browser support for HTML5 is all over the place right now between the different browsers, (as to just how much of the specification they've implemented, and with some vendors opting to come up with their own ways of doing things) and of course anyone not running the very latest browser might a different set of problems to deal with. You also seem to get varying results in terms of animation performance between the different browsers (and OS's the browser is running on).

The latest version of Flash allows you to export HTML5, but I'm not sure how capable that exporter is.

It's probably worth experimenting with, but if you're looking for a one step full conversion process that will work as well as the Flash version, at this point, it's probably not going to happen.

  • 0
Grand Master

MikeChipshop Member

Posted
  • Member
Posted

Totally agree with Virtorio on this.

Support for drag and drop among modern browsers is pretty good but your going to lose out on the older browsers with some drastic use of pre-built JS libraries. In the end you'll have a more bloated site.

Of course this all depends if it could be worth dropping support for older browsers and only supporting modern browsers and mobiles/tablets that currently don't support Flash. Have a noseybon around your analytics and see what the browser usage figures are.

  • 0
Grand Master

threetonesun

Posted
Posted
  On 27/09/2012 at 23:13, Gladiatorus said:

I make some multimedia educational exercises in Flash (for kids and teens) with many animations that involve lots of drag and drop functionality, multiple answers (with radio and check boxes), filling in the blanks, etc, and checking for correct answers (and sometimes pointing out at the wrong ones) among other things.

I was wondering if it is possible to make the same kind of educational materials with HTML5, JS and CSS.

Sure, most of that can be handled with jQuery and HTML quite easily, check boxes / fill in the blanks / point to the correct answer are all pretty basic.

Drag and drop, depending on what you're trying to do with it, can get trickier, but there are libraries out there that will get you backwards compatibility with most major browsers.

FWIW, none of the things mentioned require any HTML 5 features, although if you're good with SVGs you can do some pretty solid Flash replacements with that and something like this: http://raphaeljs.com/

This topic is now closed to further replies.
 Share
Go to question listing

  • Posts

    • What browser do you prefer to use, and why?

      By Ixion · Posted

      Firefox, for privacy, wide range of plugins without having to suffer the latest Google manifest restrictions and when used on Android for the mobile browser plugins like an ad-blocker, sadly that option isn't available to me now I've swapped to iOS as outside of the EU Firefox mobile is just a reskin of Safari
    • Windows 11 App store updating same apps daily, With No version number changes

      By bikeman25 · Posted

      Ok will give that a shot soon as wake up in morning.     Hopefully does restore it working right  
    • Windows 11 App store updating same apps daily, With No version number changes

      By Ixion · Posted

      Try doing a reset/repair on the Windows store: To reset the Microsoft Store on Windows 11, press the Windows key + I to open Settings, go to Apps & features, find Microsoft Store, click on it, select Advanced options, and then click the Reset button. This will clear the cache and restore the app to its default state, which can help resolve issues.
    • Microsoft's new Exchange Message Trace: What admins need to know before September

      By zikalify · Posted

      Microsoft's new Exchange Message Trace: What admins need to know before September by Paul Hill Microsoft has just announced the general availability of the new Message Trace in the Exchange admin center (EAC) in Exchange Online for its worldwide (WW) customers. The Redmond giant said that it’ll begin rolling it out in mid-June and complete the rollout in July. Message Trace in the Exchange Admin Center for Exchange Online is a tool that lets admins trace which path emails took as they traveled through the Microsoft 365 organization. It lets admins see if emails were received, rejected, or deferred. It is helpful for troubleshooting mail flow issues and validating policy changes. To get started with the new Message Trace, admins can access it by going to the Exchange admin center > Mail flow > Message Trace. While the Windows-maker has received positive feedback during the Public Preview, you can still provide your thoughts through Exchange admin center > Give Feedback. In addition, Microsoft will continue to maintain the old Message Trace user experience in Exchange admin center and cmdlets for several months to ease the transition, however, they will be deprecated for WW customers starting from September 1. The Reporting Webservice support for Message Trace data will also begin deprecating on this date. A side note to mention here is that this timeline only applies to the WW environment and doesn’t affect GCC, GCC-High, DOD, or other sovereign clouds. More information about the switch over for those will be provided in the second half of the year. Who it affects, and how These changes need to be noted by Exchange Online administrators and IT professionals as those are the people who will be directly affected. Specifically, it will affect anyone managing mail flow and troubleshooting email delivery in Exchange Online. Those who are affected will have to get switched over to the new Message Trace before Microsoft starts deprecating features in several months time. Admins will want to act promptly to avoid any unforeseen issues that could arise. Another detail that admins should be aware of is that scripts that rely on the older “Get-MessageTrace” or “Get-MessageTraceDetail” cmdlets will break on September 1. To address this, admins will need to update their scripts to use the new “Get-MessageTraceV2” and the “Get-MessageTraceDetailV2” cmdlets. Finally, any admins out there using the Reporting Webservice for Message Trace data will also need to make a change. They will need to shift to the new Message Trace PowerShell cmdlets. Why it’s happening Microsoft has been working on a new Message Trace experience, incorporating feedback from the Public Preview phase, to improve its design and performance. The switch gives Microsoft the opportunity to standardize and modernize admin interfaces and the underlying technologies. What to watch for While September 1 may seem like a long way away, fixing any issues, such as scripts due to deprecations, could take some time. Any admins managing the affected items need to ensure they deal with affected components in a timely manner. In terms of documentation, Microsoft has so far only released the Public Preview document which highlights the changes between the old and new versions. Microsoft says that it will publish cmdlet documentation for the new Message Trace cmdlets by the time of the general availability, so admins should look out for that.
    • Microsoft PC Manager 3.17.2.0 (Offline Installer)

      By Copernic · Posted

      Microsoft PC Manager 3.17.2.0 (Offline Installer) by Razvan Serea With Microsoft PC Manager, users can easily perform basic computer maintenance and enhance the speed of their devices with just one click. This app offers a range of features, including disk cleanup, startup app management, virus scanning, Windows Update checks, process monitoring, and storage management. Microsoft PC Manager key features: Storage Manager- easily uninstall infrequently used apps, manage large files, perform a cleanup, and set up Storage Sense to automatically clear temporary files. Health Checkup feature -scans for potential problems, viruses, and startup programs to turn off. It helps you identify unnecessary items to remove, optimizing your system's performance. Pop-up Management - block pop-up windows from appearing in apps. Windows Update - scans your system for any pending updates. Startup Apps - enable or disable startup apps on your PC, allowing you to optimize your system's startup performance. Browser Protection - rest assured that harmful programs cannot alter your default browser. Also enables you to change your default browser. Process Management - allows you to conveniently terminate any active process, ensuring optimal system performance and resource utilization. Anti-virus protection - Fully integrated with Windows Security. Safeguard your PC anytime. Quick Steps: Download Microsoft PC Manager Offline Installer (APPX/MSIX) with Adguard Adguard serves as a third-party online service, offering a user-friendly method for directly downloading appx, appxbundle, and msixbundle files from the Microsoft Store. Official download links will be generated for both the app's various versions and its dependency packages. How to download Microsoft PC Manager Offline Installer (APPX/MSIX) 1. Initially, you must find the app URL within the Microsoft Store. Access the Microsoft Store via your browser and search for "Microsoft PC Manager". Once located, copy the app URL, which includes the product ID, either from the address bar or from the provided link below. https://apps.microsoft.com/detail/9PM860492SZD 2. Now paste the app URL into the designated area, then click the check mark button to produce a direct download link. 3. To download, right-click the relevant link and select “Save link as…” from your browser's menu. Occasionally, Microsoft Edge may flag the download as insecure. In such cases, consider utilizing alternative browsers such as Google Chrome or Firefox to successfully complete the download. Microsoft PC Manager is a completely free tool optimized exclusively for use on Windows 10 (version 1809 or newer) and Windows 11. Download: Microsoft PC Manager 3.17.2.0 | from Microsoft Store View: Microsoft PC Manager Home Page Get alerted to all of our Software updates on Twitter at @NeowinSoftware

  • Recent Achievements

    • Week One Done
      Leonard grant earned a badge
      Week One Done
    • One Month Later
      portacnb1 earned a badge
      One Month Later
    • Week One Done
      portacnb1 earned a badge
      Week One Done
    • First Post
      m10d earned a badge
      First Post
    • Conversation Starter
      DarkShrunken earned a badge
      Conversation Starter

  • Popular Contributors

    1. 1
      +primortal
      261
    2. 2
      snowy owl
      158
    3. 3
      +FloatingFatMan
      145
    4. 4
      ATLien_0
      140
    5. 5
      Xenon
      131
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!