• 0

HTML5 instead of Flash


Question

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

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

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
  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.
  • Posts

    • Ah yes, nothing says 'user-friendly' like 500 distros and 0 standards.
    • If this doesn't become the year of the Linux desktop, then it will never come. They already wasted the Windows Vista fiasco, the Windows 8 fiasco, let's see what will happen now.
    • Linux is the way to go, so many distributers with great offerings, no more bloatware with Windows 11, the Linux operating system boots much more quickly with much lower CPU requirements, why wouldn't you if you only need a great browsers to access online services.
    • Master PDF Editor 5.9.90 by Razvan Serea Master PDF Editor is straightforward, easy to use application for working with PDF documents equipped with powerful multi-purpose functionality. With Master PDF Editor you can easily view, create and modify PDF documents. The application enables you to merge several files into one, split a source document into multiple documents, and also to comment, sign and encrypt PDF files. Master PDF Editor – Features at a glance: Edit PDF text, images and pages with full editing features. Create new PDF or edit existing ones. Add and/or edit bookmarks in PDF files. Encrypt and/or protect PDF files using 128 bit encryption. Convert XPS files into PDF. Add PDF controls (like buttons, checkboxes, lists, etc.) into your PDFs. Import/export PDF pages into common graphical formats including BMP, JPG, PNG, and TIFF. Split and merge PDF files. JavaScript support. Dynamic XFA form support. Validation Forms and Calculate Values. Fast and simple PDF forms fill out. Signing PDF documents with digital signature, signatures creation and validation. Changing font attributes (size, family, color etc). Master PDF Editor 5.9.90 changelog: Added support for page alignment options. Added the function to save search history. Added support for Z-reordering multiple objects simultaneously. Fractional scale values are supported during printing. General improvements and fixes for file saving. Fixed issues related to PDF page display. Fixed problems related to navigation between pages. Improved compatibility with XFA-based PDF documents. Bug fix for text object editing. Fixed bugs related to page cropping. Enhanced detection of conflicting keyboard shortcuts. Resolved printing issues. Fixed a bug related to increase in the file size when scanning. Fixed PDF preview rendering in Microsoft Outlook. Resolved an issue with opening Certificate Manager on macOS. Download: Master PDF Editor 64-bit | Master PDF Editor 32-bit ~60.0 MB (Shareware) Download: Master PDF Editor for Linux | 66.8 MB Download: Master PDF Editor for macOS | 59.8 MB View: Master PDF Editor Home Page | Release History | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • NTLite 2025.06.10456 by Razvan Serea NTLite is a Windows configuration tool that allows you to modify your existing Windows install or an image yet to be deployed, remove Windows components, configure and integrate, speed up the Windows deployment process. Reduce Windows footprint on your RAM and storage drive memory. Remove components of your choice, guarded by compatibility safety mechanisms, which speed up finding that sweet spot. Windows Unattended feature support, providing many commonly used options on a single page for easy setup. Easily integrate a single or multiple drivers, update or language packages. Package integration features smart sorting, enabling you to seamlessly add packages for integration and the tool will apply them in the appropriate order, keeping hotfix compatibility in check. One of the important new features of NTLite (compared to its predecessors) is the ability to modify an already installed the operating system, by removing unnecessary components. Supports Windows 11, 10, 8.1 and 7, x86 and x64, live and image. Server editions of the same versions, excluding support for component removals and feature configuration. ARM64 image support in the alpha stage. Does not support Checked/Debug, Embedded, IoT editions, nor Vista or XP. NTLite 2025.06.10456 changelog: New Image: Windows 11 24H2 Preview build 26120 support Components: ‘Microsoft Platform Thermal Framework (MPTF)’ Components: ‘Inter-Integrated Circuit (I2C)’ Components: ‘Windows Hotpatching’ Settings: ‘Share any window from my taskbar’ Upgrade Image: Faster removal of editions if only one kept for a given image Components: ‘Windows Feature Experience Pack – SXS’ is a merger of new 24H2 components: Taskbar, Filons, Voiess, Speion, Livtop and InpApp Features: Win11 24H2 image shows a few more Features on Demand, including .NET 3.5 UI-Translation: Thanks for Chinese Traditional (Matt), French (tistou77), Hungarian (John), Italian (clarensio), Russian (RDS), Turkish (Salih DURDU) Fix Components: ‘Internet printing’ is needed for Host Refresh if Printing kept (investigating, cannot even just disable it) Settings: Wallpaper Style value fixes Download: NTLite 64-bit | 21.2 MB (Free, paid upgrade available) Download: NTLite 32-bit | 18.8 MB Link: NTLite Home Page | NTLite Features | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
  • Recent Achievements

    • One Year In
      fred8615 earned a badge
      One Year In
    • Week One Done
      Jim Dugan earned a badge
      Week One Done
    • Week One Done
      Adam Todd earned a badge
      Week One Done
    • Contributor
      Ed B went up a rank
      Contributor
    • One Month Later
      moporcho earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      214
    2. 2
      snowy owl
      156
    3. 3
      ATLien_0
      134
    4. 4
      Xenon
      123
    5. 5
      +FloatingFatMan
      114
  • Tell a friend

    Love Neowin? Tell a friend!