The BlackBerry® PlayBook™ OS 2.0 software update is designed to include many great improvements for both users and developers. For web developers, the BlackBerry web platform continues to receive quality improvements with each software update. I’m pleased to share that some exciting enhancements have been made to the WebKit rendering engine as part of the BlackBerry PlayBook tablet OS 2.0 update. These enhancements are intended to assist HTML5 and BlackBerry® WebWorks™ developers with their efforts in producing higher-quality application content and positive user experiences.
BlackBerry PlayBook tablet users who have installed the OS 2.0 beta may have already seen the improved WebKit engine, as it was upgraded starting with version 22.214.171.12462 of the BlackBerry Tablet OS software. The current version of WebKit on the BlackBerry PlayBook tablet comes from a November 2011 branch of the upstream WebKit code base. A complete list of all changes can be found in the Trac for WebKit issue tracking system.
Wait, do you mean HTML5 development on BlackBerry is designed to be even better now?
Yes I do, and you’re in for a treat.
In general, BlackBerry web developers will see enhanced stability and performance in their web applications running on BlackBerry PlayBook tablet OS 2.0. However, some of the more significant improvements include the following:
- Support for WebGL, including 3D context and native binary data. Take advantage of Open GL ES technology and 3D graphics in your BlackBerry application content.
- HTML5 canvas is now hardware accelerated, meaning it is designed for faster performance and higher frame-per-second (FPS) rendering of 2D graphics content.
- CSS3 accelerated animations and transforms are now smoother thanks to high quality service improvements to graphics rendering for the engine.
- Added FileReader API, which is designed to search, retrieve and display files from the BlackBerry Tablet OS shared folder, and helps integrate camera pictures, videos, music and documents from the BlackBerry PlayBook tablet into your web applications.
- Improved HTML5 support including new form fields (keygen, output, meter) and input types (text, search, tel, url, email, datetime, date, month, week, time, datetime-local, number, range).
- Enhanced XmlHttpRequest object adds support for text and array buffer response type
I know you’d much rather see some of these awesome improvements yourself instead of just reading about them, so here are some examples. Using the browser application on a BlackBerry PlayBook tablet running Tablet OS 2.0, open the following pages:
- HTML5 Test – Tablet OS 2.0 currently scores 354 on the HTML5 test, ranking it at the top of the results for tablet browsers. Created by Niels Leenheer.
- TunnelTilt game – Try out the WebGL sample which was demonstrated onstage for the first time at BlackBerry DevCon Americas. Created by Jonathan Feldstein.
- Craftymind GUIMark3 – Performance test from CraftyMind that measures the frames-per-second the HTML5 canvas element can handle under load. Created by Sean Christmann.
- File Reader API – pPge from the kitchenSink BlackBerry WebWorks sample application that demonstrates how to use the file reader API. Created by Adam Stanley.
- Holiday DOM tree – Uses 3D transforms and HTML form elements to display an animated tree of various holiday greetings. Created by Hakim El Hattab.
Meet the Web team
Recently, I asked members of the BlackBerry® Browser team to share their thoughts about the meaning behind the high-quality improvements they have delivered to developers as part of the Tablet OS 2.0 web platform. Here is some of their feedback:
“I know many web developers who now use the BlackBerry PlayBook tablet as their mobile development and testing environment of choice. The support for remote Web Inspector is simply awesome, and a year after we introduced it, remains a defining aspect of our approach to mobile web development. We have made it even better!”
- Laurent Hasson, Technical Director, Web platform
“Personally I’m most excited about all the graphics and animation improvements (CSS3, HTML, canvas, WebGL). I think we’re most proud about being able to bring the full web to tablet – proper implementation of the standards and specifications coupled with a rich, touch-friendly user experience.”
- George Staikos, Vice President, Web Technologies
How do I get started with BlackBerry web development?
I’m glad you asked. Visit the BlackBerry HTML5 WebWorks developer site to learn more about developer tools, such as the Ripple emulator or the BlackBerry WebWorks SDK. See the developer documentation and reference guides for techniques on how to transform samples into fully-featured BlackBerry applications.
Most importantly, tell us if you create something awesome! We want to hear from you.
Hope you enjoy BlackBerry PlayBook tablet OS 2.0.