SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

To visit the Spanish blog, click here
    All Posts

    Top Developer Questions about HTML5 answered (Part II)

    Building apps in HTML5 is probably easier than using other development tools, but there's still many things you should learn. Continuing the interview, "Rambling on HTML5" with software developer and interactive media producer, Adrian Murillo, he discusses some important things you should know if you want to create solid HTML5 applications.

    html5 elearning

    1. What about apps? What if I want to publish my content to the Apple App Store, for example?

    You can create content with HTML5 and then delpoy it as an app. There are several frameworks that let you wrap your code, and generate a native application. Apache Cordova, also known as PhoneGap, and Appcelerator Titanium are two of the most relevant projects on that subject.

    Both let you integrate native device behavior into your HTML5 based applications, like interfacing with the camera, the address book, GPS, etc. You pack them up, and they are, for all practical purposes, just the same as a native app.


    2. Using these frameworks, is it also possible to build them as a Windows or OS X program?

    Yes, Appcelerator Titanium lets you do that. Apache Cordova does not, but you can still use it if you only want to target phones or tablets.

    That is not to say that you always need to use them to deploy your content. You can just as easily distribute your plain HTML5 files, and they will run on all platforms.

     

    3.  So, I then just create once, and my content will be visible just the same way on all these platforms, right?

    More or less so. One of HTML5’s main characteristics, is that it is an interpreted language. What that means is that it does not build your content; it depends on another piece of software to read the instructions it defines, and show it to the user. That piece of software is usually a web browser, like Firefox, Safari, Chrome, Opera or Internet Explorer. It takes all the elements described on the HTML files, and presents them to the user.

    The biggest consequence of this, is that your content may show up somewhat differently on each platform, and there’s not really anything you can do to avoid it. However, instead of fighting against it, you should go with it, embrace the differences, and develop with that in mind.

    It’ a fact of life; when working with HTML, the pixel-perfect design as you know it does not really exists. The inherent portability of HTML5 has that key side effect.

    Accordingly, when developing with HTML5 you should test in as many platforms as you can, to make sure you catch any exceptions that may arise. There are lots of tools to make this easy, and it will always be an inevitable step on your workflow.

    Also, as HTML5 is still a working draft, some web browsers may even lack some features, or may implement them in particular ways. This will become less important in the future, as the base becomes more stable, but is one very important thing you should keep in mind right now.

     

    4. Ok then, I just have to learn HTML5 to begin creating mobile ready, platform independent, content?

    Not quite. HTML5 is just one piece of the puzzle. You also need to learn CSS and Javascript.

     

    5.  What are those for? I thought HTML5 was all I needed.

    html5 and cssHTML5, or any HTML version for that matter, is used for defining structure. You specify semantics for your data elements, and group them in logical sets. You can define hierarchies, dependencies, etc. However, it does not really let you perform advanced graphical layout by itself, or implement run-time interactive elements. That’s what CSS and Javascript are for.

    CSS, and its latest iteration, CSS3, let you associate visual styles to your structural elements, and even change them over your application’s life cycle. You can animate, apply transitions and lots of other things, independently from your data.

    Javascript is the programming muscle. It lets you add interactivity, respond to your user actions, interface with other systems, and all sorts of things you expect from a full featured application.

    Without both these elements, HTML5 would just be a way to tag your content, pretty much like it was back in 1991. Using the three of them combined, you can overcome their limitations, complement them, and create rich content.

     

    6. Are there any real-world applications that can show me what HTML, CSS3 and Javascript can do?

    There are lots of real applications out there, ranging from proof-of-concept kind of things, to complete production level software. You may already be using some of them. For example, Google and GMail have versions based on HTML5. Also, there are some very nice games created with it, like Pirates Love DaisiesGoogle Pac-Man, and Cut the Rope, to name a few. You can just google it, and get score after score of application listings.

    You’ll see that this technology is already widely used, not only for games or productivity applications, but also for elearning content, online magazines and ebooks, and pretty much whatever you can imagine.

    Click me

    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Related Posts

    The Forgetting Curve: Why Your Training Is Erased Within a Week — and How to Stop It

    Learning Science & Retention Your people don't have a motivation problem. They have a memory problem — and a 140-year-old experiment maps it precisely. Here's what the science says, and what to do about it on Monday morning. Picture the last mandatory training your organization ran. The completion dashboard glowed green. People passed the quiz. Leadership checked the box. Now ask an uncomfortable question: how much of it could those same employees actually use two weeks later? If the honest answer is “not much,” you're not looking at a failure of effort or attention. You're looking at a fundamental property of the human brain — one that was measured, plotted, and published before the light bulb was in common use. It's called the forgetting curve, and until your learning strategy accounts for it, you are quietly paying to fill a bucket that has a hole in the bottom. A 19th-Century Experiment That Still Governs Your Training Budget In the 1880s, a German psychologist named Hermann Ebbinghaus decided to do something no one had tried: measure memory itself. He created hundreds of meaningless three-letter syllables, memorized them, and then tested how much he could recall after 20 minutes, an hour, a day, and beyond. He plotted the results. What he found has a shape every executive would recognize as a problem: memory doesn't fade gently and evenly. It collapses fast at first — the steepest loss happens within hours of learning — and then the decline slows as whatever survives settles in. Draw it on a graph and you get a cliff, not a gentle slope. Here is the version that matters to anyone responsible for a workforce: 100% 75% 50% 25% 0% Knowledge retained Day 0 Day 1 Day 3 Day 7 Day 30 Time after training review review review One-and-done training Training + spaced reinforcement The red line is what most corporate training buys: a steep drop-off in the days after the session. The green line shows the same content reinforced at spaced intervals. Each review lifts retention back up — and each time, the memory decays more slowly than before. The curve gets flatter with every touch. The important detail isn't the exact numbers on the axis — those vary by person, by material, and by how meaningful the content is. The important detail is the shape. Learning delivered once, then never revisited, follows the red line down. And no amount of polish on the original session changes that trajectory. A beautifully produced course that is never reinforced forgets just as fast as a boring one. This Isn't a Theory. It Has Been Replicated for 140 Years. It would be fair to be skeptical of a result from the 1880s built on one person memorizing nonsense syllables. So it's worth knowing that Ebbinghaus's curve is one of the most durable findings in all of psychology. A rigorous 2015 replication reproduced his forgetting curve closely, confirming that the basic shape holds up under modern methods. More importantly for organizations, the solution the curve implies has been tested far more broadly than the curve itself. A landmark scientific review synthesized 317 experiments on how the timing of practice affects memory. The conclusion is one of the most consistent in learning science: spreading learning out over time produces dramatically better long-term retention than cramming it into a single session. Same content, same total time — different result, purely because of when it was delivered. 317 separate experiments, synthesized in one landmark review, point to the same conclusion: spaced learning beats massed learning for durable retention. This is not a trend or a vendor claim — it is settled science. “The single most under-used lever in corporate learning isn't better content or bigger budgets. It's timing. When you deliver training is as decisive as what you deliver.” Why the Standard Corporate Training Model Fights the Brain Most organizational learning is designed almost perfectly to sit on the wrong line of that graph. Consider how a typical program works: 1 It's an event, not a process A half-day workshop, an annual compliance module, a one-time onboarding marathon. The brain treats a single exposure as low-priority information and prunes it — exactly as the curve predicts. 2 It front-loads everything Cramming a year's worth of policy into one sitting feels efficient and is the opposite. Massed delivery is the single fastest way to guarantee the steep red curve. 3 It measures completion, not retention A 95% completion rate tells you people sat through the content. It says nothing about whether they'll remember it when the moment to apply it arrives — which is the only thing that affects performance. 4 It never comes back Without a deliberate second, third, and fourth touch, there is no mechanism to interrupt forgetting. The reinforcement that flattens the curve simply never happens. The result is an expensive illusion of learning. The activity is real. The lasting capability is not. And because the forgetting happens quietly, weeks after the training when no one is looking, the loss rarely shows up on any report. What Working With the Curve Looks Like Instead The good news hidden in the forgetting curve is that it also hands you the fix. Every time a memory is retrieved and reinforced, it decays more slowly afterward. So the entire game becomes: interrupt the drop-off, at the right moments, with the least possible friction. Here is how that translates into practice. The event model (fights the curve) The reinforcement model (works with it) One long session, then silence A short initial session, then spaced follow-ups over days and weeks Passive re-reading of slides Active recall — a quick question that forces the brain to retrieve the answer Everyone reviews everything People revisit what they got wrong, not what they already know Training lives in a separate portal Reinforcement arrives in the flow of work, in two-minute doses Success = course completed Success = knowledge still there weeks later, and visible in behavior 1. Turn the event into a sequence The most powerful change costs almost nothing: stop thinking of training as a day and start thinking of it as a campaign. A 40-minute course followed by three short reinforcement touches over the next month will outperform a two-hour course followed by nothing — with less total seat time. 2. Make people retrieve, not re-read Reinforcement works because the brain has to pull the answer out, not because it sees the content again. A single well-placed question — “What's the first step if you spot this?” — does more for retention than re-watching the whole module. Build retrieval into every touch. 3. Space the touches, then widen the gaps Revisit new material soon after the first exposure, then let the intervals grow — a day, then several days, then a couple of weeks. As the memory strengthens, it needs reinforcing less often. Each cycle buys a flatter curve and a longer runway. 4. Personalize what gets reviewed Forcing a top performer to review what they already know wastes their time and erodes goodwill. Reinforcement should concentrate on each person's weak spots. This is where the reinforcement model stops being a scheduling exercise and starts requiring a system that can adapt to the individual. Key Takeaway The forgetting curve is not a reason to spend more on training. It's a reason to spend differently. The organizations that win aren't the ones with the biggest course libraries — they're the ones that reinforce a smaller amount of content at the right moments, so it actually survives. The Business Case Is Simpler Than It Looks Strip away the neuroscience and the argument for organizations is blunt. If most of what you teach is gone within a week, then the true cost of one-and-done training isn't the price of the course. It's the price of the course plus everything that goes wrong because the knowledge wasn't there when it counted — the compliance miss, the safety lapse, the sales conversation that fell flat, the new hire who takes twice as long to become productive. Reinforcement doesn't just improve a training metric. It's the difference between learning that changes what people do and learning that briefly changes what they can recite. For any leader who has ever wondered why a well-run training program didn't move performance, the forgetting curve is usually the answer — and the reinforcement model is usually the remedy. How SHIFT Helps You Beat the Curve This is precisely the problem SHIFT was built to solve. For nearly three decades, we've helped global organizations move learning off the steep red line and onto the flatter green one — not with more content, but with smarter delivery. Our AI-powered ecosystem is designed around how memory actually works: create engaging learning fast, then reinforce it with spaced, retrieval-based touches that adapt to each learner and reach them in the flow of work. Instead of a single event that fades by Friday, you get a sequence engineered to make knowledge stick — and the measurement to prove it did. 1 Built for reinforcement, not just delivery Learning is designed as a sequence of well-timed touches, so retention is engineered in from the start rather than hoped for after the fact. 2 Adaptive by design Each learner spends their time on what they haven't yet mastered — the personalization that makes reinforcement efficient instead of tedious. 3 Proven at global scale Six million people trained across more than 43 countries, backed by nearly 30 years of eLearning expertise and roughly 20 industry awards. This is battle-tested, not experimental. Stop paying to be forgotten. See how SHIFT turns one-and-done training into learning that survives the forgetting curve — and shows up in performance. Request a Demo The Bottom Line Ebbinghaus proved something in the 1880s that most organizations still ignore in the 2020s: without reinforcement, learning evaporates, fast. The forgetting curve isn't a footnote in a psychology textbook. It's a line item in your budget — the invisible cost of every program that ends the moment the session does. You can't switch off forgetting. But you can decide which curve your people ride. The question isn't whether your training is being forgotten. It's whether you're going to do anything about it. Sources: Ebbinghaus, H., Über das Gedächtnis (1885) • Murre, J.M.J. & Dros, J., “Replication and Analysis of Ebbinghaus' Forgetting Curve,” PLOS ONE (2015) • Cepeda, N.J., Pashler, H., Vul, E., Wixted, J.T. & Rohrer, D., “Distributed Practice in Verbal Recall Tasks,” Psychological Bulletin (2006)

    Every Employee Now Has a Tutor That Never Sleeps. The Question Is Who Controls It.

    The most important shift artificial intelligence brings to corporate learning is not that it can generate a course in minutes. It is that, for the first time, every employee in your organization can have something that used to be reserved for executives and elite athletes: a patient, always-available coach that answers the exact question they have, at the exact moment they have it.

    Your Best Knowledge Shouldn't Train Someone Else's Model

    Every organization is quietly sitting on a body of knowledge it spent years and serious money to build: the way it onboards people, the methods that make its training work, the hard-won answers to questions customers actually ask, the playbooks that separate it from competitors. For most companies, that knowledge lives scattered across documents, courses, recorded sessions, and the heads of a few experienced people.

    {{ footer_js() }} {{ js_integration_body_end() }}