Will Google and HTML 5 Kill Flash?
This past week Google hosted it’s annual I/O conference for developers. The conference is geared towards pushing the boundaries of web development and web applications. This year Google unveiled an amazing new web app called “Google Wave“. There has been a lot of hype and tons of press around this announcement that occurred on Day 2 of the conference. Other than Google giving away a new HTC Magic Android phone to everyone in attendance, there hasn’t been nearly as much discussion over the events that occurred during the Day 1 keynote. I’d like to focus on some of the amazing technologies discussed during the first keynote and analyze how these new web features will affect the popular Flash format.
The features in the HTML 5 spec really help to close the gap between a traditional web application and a desktop application. Prior to HTML 5, things like offline storage, threading, and 3D graphics were only possible in desktop apps or with browser plugins like we have today. Adobe’s Flash technology and other similar technologies like Microsoft Silverlight have enabled many of these rich user experiences in the browser through the use of plugins. YouTube, which is one of the Top 5 most visited sites in the world, requires users to have the Flash plugin installed to view any videos. Before we get into the future of the Flash platform, lets quickly cover some of the important features available in HTML 5.
HTML 5 Features
1) canvas – This allows for rich drawing and animation built right into the browser. It’s now REALLY easy to work with rich graphics and do all sorts of things right in the browser that would typically be done server side or in a Flash app.
Writing on the screen with the mouse in pure HTML and JS
2) 3D Graphics – The browser is now capable of rendering 3D graphics and other game-like features natively using just HTML, JS, and CSS styling. All the graphics processing goes to the GPU leaving the CPU usage for other tasks like computing game logic, etc.
A 3D experience that Google built to test out these new capabilities.
3) <video> – The new video tag is one of my favorites. This works exactly like the <img> tag but for embedding videos into the page. No need to worry about format, plugins, etc. In fact, Google actually demonstrated this using YouTube and quickly removed the Flash and used pure HTML to embed the video. (Remember this for later…)
YouTube using the new <video> tag. No Flash!
4) Geolocation – This capability makes it easier to work with Geolocation API’s like the ones provided by the W3C to build location based services into the browser. In the keynote, they show a new button soon to be included into Google Maps titled “My Location”. This uses the WiFi locations nearby and Google’s large databases to triangulate your location in Maps. Pretty cool stuff.
Google Latitude on the iPhone running in the browser!
5) Database / App Cache – This technology is critical in order for web apps to compete with their desktop counterparts. This allows apps to keep a local cache of the data so that the app can still be used when there is no connection. This also helps to speed up the app when there is a connection, by reducing the number of requests needed.
GMail running smoothly on Android in Airplane mode with offline data.
6) Web Workers – My favorite. This is threading for the browser. Google showed an app which calculates prime numbers in JS. Without workers, this app completely freezes the browser until the calculation completes. This means you can’t click anything on the page, switch tabs, etc. However, using the new web workers this process can execute in the background allowing the user to interact with other components on this page and other tabs. It’s incredible!
I’d love to hear your comments about the future of the web and Flash. Post away!!
Watch the full Google I/O Day 1 Keynote (1:28:00)
Posted: May 31, 2009 at 5:55 pm in tech.
Comment from Jason Wagner
Time June 8, 2009 at 11:21 am
I don’t think this will have a huge effect on Adobe. They have such a wide range of products and most are the leading tools for their industry. I think within the next 5 years we will be able to see some impact on Flash, however. In the next 5 years HTML 5 should have a chance to become widely adopted and will prove to be a great alternative to Flash.
Comment from Ken
Time September 24, 2009 at 10:27 am
I am web designer. Whenever I have new clients, the subject of Flash comes up and I have to explain to them why, as of a year and a half ago, I stopped designing in Flash. I subscribe to scriptandstyle.com where I never see Flash discussed and have assumed we are in agreement that the future of websites is not in Flash. So I wrote and asked, “do you have any links to this discussion? I have done some searches but would welcome some opinions that you consider reliable. Or if I am misinformed, please correct me.”
They wrote back “We are not aware of any good discussions of this topic but if you author a post about the topic or find a good existing post please pass it on to us.”
I am going to forward them this excellent post by you. I would love to hear more of your thoughts on this. Thanks, Ken
BTW I was watching http://www.youtube.com/watch?v=siOHh0uzcuY when it struck me that I need to explain “the demise of Flash” to my clients in a way they can understand.
Comment from Jason
Time September 24, 2009 at 10:44 am
Thanks so much for the comment! I’ve actually been having this exact discussion about Flash a lot lately, too! I agree that Flash for websites is definitely NOT the future. However, I don’t see it going away for video streaming in the next few years. But once HTML5 becomes even more prevalent, it’s going to happen for sure…
If you decide to write about ‘the demise of flash’ PLEASE send me a link! I’d love to read about it.
Write a comment
You need to login to post comments!
Comment from Ben Birk
Time June 5, 2009 at 7:32 pm
Great Post. How do you think this will effect adobe? Also do you think apple with say that they never included flash on the ipod/touch because they knew about the developments in HTML 5, or maybe that snow leopard is also going to include apps that at hosted online?