HTML5 vs Native: What is it and how do you decide? – Part 1

This is the first installment of a two part series about HTML5 vs. Native Development. In this first part we will focus on HTML5 and the benefits it offers.

The HTML5 vs. Native development is a hot debate topic amongst developers right now.  HTML5 growth has exploded over the last several years, but has it caught up to native development in the areas of support and performance?  There’s many things you need to consider when making this decision.  We hope we can give you some information to make the decision easier.

What’s the difference between HTML5 and Native?

A native application is an application that has been developed specifically for the device or platform it’s running on.  Android™ apps are written natively in Java while iOS (iPhone®, iPad®, etc.) apps are written using Objective-C.  They are not compatible with each other and, while it may be possible to find a wrapper so the code will run, they are optimized very specifically for the platform they are written for.

On the other hand, HTML5 apps are stored on the web and run inside of any HTML5 compatible browser.  HTML5 apps are not platform-specific, as long as you have a browser capable of running HTML5 (which most mobile platforms currently provide), you can run the app.

What are the benefits of HTML5?

HTML5 is being developed to give web developers more flexibility and power than its predecessors. Some of this built-in power includes:

    • Drawing Support
      Previously available only with third-party add-ons like flash, a new canvas tag element offers developers a simple way to build animations, diagrams, charts, and more.  With JavaScript performance constantly being improved, developers are finding new cutting edge ways to take advantage of the canvas.

 

    • Video
      A new video tag makes it easy to embed video on a page without the need for any third-party software.  There’s still some debate about video formats, but HTML5 allows you to include multiple formats.   This built-in graceful degradation allows the browser to step through the list of formats until it finds a format it can play.

 

    • Audio
      Sound file were always an afterthought in previous versions of HTML.  Each browser handled them differently, requiring software installed on the client-side (such as Windows Media Player) to actually play the audio.  The new audio tag in HTML5 changes that, making it a breeze to include audio files in your web application with the same format options and graceful degradation provided by the video tag.

 

    • Geolocation
      Previously only available in native apps specific to the platform (Android, iOS, etc.), HTML5 now features an API allowing you to get the geographical position of a user.  It requires the user’s permission the same way a native app does, but once approved, you can pinpoint a user anywhere in the world directly inside your HTML5 app.

 

    • Smarter Forms
      HTML forms haven’t changed much in 10+ years, offering the same basic elements we’ve seen over and over again.  No longer!  The new, smarter HTML5 forms have added features for e-mail addresses, phone numbers, number ranges, and more.  This makes data entry on tablets and mobile devices much easier and even simplifies data verification.

 

    • Client-Side Database
      The HTML5 specification includes a local storage feature, giving developers the ability to store named key/value pairs locally.  Unlike previous methods for storing data, these key/value pairs reside only on the client browser, not on the server.  Currently browsers are limiting this storage to 5 megabytes, but for many apps that may be enough and the speed it offers gives developers a lot of power.

 

    • Thread-like Operation
      One of the biggest obstacles developers faced when considering porting their applications to something web-based is performance.  Applications that, for example, needed to run a UI, query and process data, handle user events, etc. were drastically slower out of their native environments.  With the introduction of Web Workers to HTML5, performance issues are quickly becoming a thing of the past.  This new specification allow you to fire up those nasty, long-running scripts in the background, keeping the UI responsive and making web applications far more user-friendly.

 

So with all of these new and powerful features, why would you even consider native development? Check out Part 2, where we discuss the benefits of Native Development and offer some guidelines on how to pick the right one for your development!

Our goal is to provide you with information that can help you solve the business, marketing, and development problems you’re facing.  Have a different opinion?  A case study?  A personal example?  We want to know!  Provide your feedback in the comments below:

Chris Casale

Chris is the V.P. of Technology and Data at Araxam where he is responsible for managing the technology infrastructure, leading the development of new software initiatives, managing the data warehouse, and tracking and analyzing metrics and key performance indicators. He holds a B.S. in Computer Science from the University of Central Florida and an M.S. in Cyber Security from the University of South Florida. When he's not solving problems with his amazing team, you can find him working on his newest idea, watching sports, or spending time with his incredible family. Ask Chris for his very biased opinion on New York sports teams or how to plan and implement the right technology stack for your organization!