• Albert Banks
  • Eric Kramer
  • Jimmy Coburn
  • Krista Engler
  • Kristin Thompson
  • Les Ulmer
  • Lindsay Guinaugh
  • Michael Chatten
  • Myjive
  • Ron Edelen

Posts tagged as: HTML 5

With mobile devices overtaking PCs, we are closely monitoring the Platform War. When these devices become our primary “computers”, what platform will they be using?

At the moment, it appears to be a two-horse race between Google’s Android and Apple’s iOS with Microsoft and the rest lagging behind.

Android currently leads the market with a large number of device models and multiple carriers for those devices. However, it appears iOS is now the preferred platform for developers. And why not? Revenue from iOS apps are six times that of Android apps.

Microsoft appears to be the greatest threat to Android and iOS. Windows 8 tablet is emerging as a viable competitor to Apple’s iPad. Windows 8 is also a desktop operating system, making it an OS that works on all consumer devices: PC, tablets and smartphones. Microsoft’s approach with Windows 8 is to introduce the new OS via new PC sales, thus ensuring millions of users will not have a learning curve when using the OS on their tablets and phones. If Microsoft can continue to beat iPad in price-point and leverage Windows 8′s equity in the PC market, it could become a successful mobile OS.

The race isn’t completely over. The past few years have featured the demise of three mobile platforms: Symbian, WebOS and BlackBerry. As users migrate away from these platforms, what platform will they choose? Also keep in mind, there are a large number of global consumers yet to migrate to smartphones or tablets. The choices of these two groups will have a huge impact on the outcome of the platform war.

A few possible outcomes:

  • Microsoft has success with their Windows Phone and Windows 8 focusing on touch.
  • Android maintains its lead, perhaps with a unique device like Project Glass.
  • Developers revolt and focus on HTML5 or other independent development technology.
  • Apple wins and we all use iDevices for everything.

The Platform War rages on into the Mobile Future.

Additional Sources:
Listen up, Google: Here’s what Windows 8 can teach you about tablets
Mobile Platform War: Why Microsoft Is Likely A Winner, Again

The short is answer is mostly. There’s no doubt Flash is witnessing its final years due to the proliferation of mobile and tablet use; and while HTML5 and the like have much to offer there are several issues that are delaying a complete transition from Flash. Flash won in the late 90′s and early 2000′s for several reasons: great support for typography, animation, solid development tools (i.e. Flash / Flex Builder), rich interactivity and casual gaming. And it worked reliably across a myriad of browsers and operating systems. With the addition of VP6 video codec in 2005 Flash also solved the multi-codec – multi-player hassles that plagued developers for years. For those too young to recall, it was standard to provide separate videos and player pages for each of the major solutions such as Quicktime, Real and Windows Media Player.

According to current statics from the WC3, only 5% of IE users have IE9, which is to say ~15% of your users are unable to experience all the bells and whistles of a modern (non-flash) site. Adding fuel to fire are the myriad of mobile devices with a dizzying array of performance and capability profiles. Even highly homogeneous Apple products show speed variances greater than a thousand percent between device and version. I’m reminded of the William Gibson quote, “The future is already here – it’s just not very evenly distributed.”

In recent years HTML5, CSS3, web fonts and javascript utilities like jQuery have largely closed the gap with Flash on many fronts: interactivity, typography, and cross browser compatibility. Matched with modern techniques like responsive design and progressive enhancement these tools are well suited for traditional web site development. The same cannot be said for highly interactive sites or even sites with modest video needs. Only IE9 supports video natively so the other 15% of IE users are out of luck unless you also offer Flash.

For highly interactive sites, think casual games, augmented reality or high performance 3D experiences, the situation is far worse. Flash covers +90% of current users but is clearly on the way out and essentially absent on the fastest growing segments of computing, mobile and tablet. The current crop of tools, jQuery, for example, are sufficient for modest interactivity and do a great job obfuscating browser compatibility differences (other than speed variance), but none offer the depth of features that game development require-just to name one. While it’s technically possible to build casual games like ‘Pirates Love Daisies’ from whole cloth, cost and compatibility issues make it unfeasible for all but a very select set of projects.

Unless you’re willing to eschew a substantial segment of your audience, all of this nets out to increased development and maintenance cost versus reduced functionality, sophistication and impact. And for nearly all clients, that’s a very painful choice.

So when can we close the door on Flash and get back to making cool stuff?

First and foremost, that pesky 15% of IE users not using IE9 needs to drop. While Microsoft is working hard to make this happen corporate environments are particularly slow to adopt new technologies. If your business is B2B, you may experience a jump in that excluded share to 40-50%.

Second, the insanely disparate mix of mobile devices needs to come into sharper focus. As creators we need baseline functionality and performance across platforms. A technical “Lowest Common Denominator” if you like. Coming for Flash that “LCD” feels very low indeed.

Finally, we need development tools that match the sophistication and depth of Flash because for over a decade people have come to expect the rich interactivity and beauty that Flash has allowed. The combination of issues means that developers and designers have to substantially dial back the “wow factor” in order to achieve high stability, performance and functionality across platforms.  Alternatively, clients will have to spend a fortune to create custom executions for each environment: iPhone app, Android app, mobile site, tablet site and standard site. For many clients this cost will be impossible to budget and manage for both external agencies and in-house creative teams.

Until then developers and clients will have to make tough trade-offs between cost, compatibility and rich interactivity. Two years ago the iPad didn’t exist and Flash was going strong. With luck, the story will be very different two years from now.

For more information:

WC3 Schools Statistics
http://www.w3schools.com/browsers/default.asp

Pirates Love Daisies (a Microsoft commissioned gaming project that was built to showcase IE9′s improved performance and capabilities compared to other browsers)
http://www.pirateslovedaisies.com/

The Evolution of Web Development Tools
http://gskinner.com/blog/archives/2012/01/the-evolution-of-web-development-tools.html

This year, the World Wide Web Consortium’s (W3C) released it’s HTML 5 proposal. HTML 5, is a significant update to the prominent web presentation specification. The changes focus on web application development, ones that might even make proprietary plug-ins such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX irrelevant.

Below are the most significant new features and their current browsers support:

Video and Audio Tags

The long awaited video and audio tags that would standardize how we include these elements in websites. With HTML 5,  including video to your webpage would not require utilizing third-party plug-ins (ie. Flash, Quicktime) or video codecst.  Developers would also be able to manipulate videos and built-in video controls.
Browsers: Firefox 3.5

Canvas

Canvas is used for rendering dynamic bitmap graphics on the fly, such as graphs or games. Invented by Apple, this technology could replace complex charts currently generated by Flash, Silverlight or Java.
Browsers: Safari 4, Chrome, Firefox 3.5, Opera

Web Workers

Separate threads would now be used for processing so to not affect the performance of a webpage. This is very important among the ever increasing number of AJAX based web applications (ie. Gmail).
Browsers: Safari 4, Firefox 3.5

Application Caches

Cache adds the ability to store data locally and access it without having to connect to the internet or install an external application (ie. Google gears).
Browsers: Safari 4, Chrome, Firefox 3.5

Geolocation

Defining location information using a high-level interface (GPS) within the device hosting the browser (ie. Safari on the iPhone). This feature most likely could be turned off in a particular device or browser, but is very useful information when used properly.
Browsers: Firefox 3.5

So, when can we expect to see these features? Some are already supported in current browsers and many are slated to be in the newest versions including Internet Explorer 8. The cog in the wheel may be developers, who will need time to digest these new features and include them in websites they are creating.