Rethinking Online Code Editors for Authoring Web-Based Multimedia Presentations

In this demo, we present an online code editor that dynamically identifies and patches simple modifications in the source code of a Web document containing time-based elements (e.g., CSS3 and SVG animations, HTML5 audio and video) without the need to restart the playback of the whole document from the beginning. We hope that the functionalities shown in this demo can make learning to code more attractive.