While HTML5 is mostly about evolution, some of the features in the Connectivity and RealTime area are, in fact, pretty revolutionary. Combining the power of socket connections for protocol communication, rich graphics, and offline capabilities makes it possible for web apps to be on par, or even better than, desktop applications.

This is precisely what makes HTML5 so compelling. HTML5 is making the web more interactive and in the quicker. It also reduces the need for middleware with HTML5. Peter will explore what some of the major new feature areas are when it comes to HTML5 connectivity and real time and how those are changing how you will build modern web apps.

Most mobile Web developers come from a traditional desktop development background. As such, many are not aware of key differences between desktop browsers and mobile browsers once they are trying to build an app vs a traditional web site, even if adapted for mobile. In this introductory session aimed at desktop developers interested in making the jump to mobile, we will present the technical tricks that are needed to circumvent a mobile browsers own interface touch and gesture management, viewport and other aspects to deliver a web app that looks and feels like a native app. We will discuss among other things how to virtualize the browsers own event loop, block swipe and pinch/zoom gestures, pin down the viewport, and a simple trick to build a mobile touchbased app that also works on a desktop browser with mouse events.

HTML5 WebSocket is a new standardized API and protocol for continuous, bidirectional, lowoverhead communications between browsers and remote hosts. It enables the development of a new generation of dynamic, browserbased web applications.

Although the basic concept of a WebSocketenabled application is relatively simple, the actual implementation of this technology involves a number of steps which require careful attention to detail. In this session you will come up to speed quickly on the basics of WebSocket and you will learn what is involved in building realtime WebSocketbased applications.

With the increasing number of mobile platforms, resolutions, and pixel densities, it is becoming harder and harder to deliver a rich, nativefeeling experience to all of your users. David Kaneda will discuss crossplatform UI paradigms, code forking, and brand integration in this session as a way to outline a better design process for mobile web apps.

AliceJS is an open source micro javascript library https://blackberry.github.com/Alice that simplifies doing advanced animations with CSS. It’s self contained and works directly against the DOM to support a variety of use cases for web applications. With one line of JavaScript code, you can make almost any DOM elements swerve around the page while retaining a great amount of control with respect to animation parameters. Additionally, the framework introduced the concept of Organics, adding randomization characteristics to create visual effects that are subtly different each time they play out. Used for games as well as regular business apps, AliceJS can help bring freshness and polish to your work in a very simple and straightforward manner.

This session will address the issues that game developers face when creating or porting games to HTML5, for both desktop and mobile delivery. The talk will cover typical performance problems and will show coding methods to minimize or avoid them. Since HTML5 games can be delivered to both desktop and mobile devices, the presenter will cover tools and methods for creating the best user experience across mobile platforms.

David Kaneda will cover the benefits of abstracting CSS by taking a deep look at Sass and Compass. The presentation will include general benefits of abstracted CSS as well as a livecoding demo to show, firsthand, how to get started.

Are Web apps on par with native apps? What will it take to make the army of cellphones smart enough to take over from the PC? What is missing and how does it impact your app development? Should you ever design for a desktop /keyboard again?

Wayne is responsible for web technologies, including optimizations and new features developed to enhance the core web browser, JavaScript engine, web apps functionality, and Adobe Flash Player for Qualcomm’s Snapdragon family of processors.

HTML5 Canvas paints the World Wide web with audio and video. Learn about interactive multimedia applications and how HTML5s Canvas impacts their development. This new element animates images and brings gamelike experiences to the web.

This summer, Mozilla will launch an Apps ecosystem based on the open web. The ecosystem includes a Marketplace for discovering and installing Apps; a Web Runtime for providing a native app experience on every supported device; an Apps in the Cloud service for synchronizing Apps across all your devices.

In this talk, Mozilla Labs Engineering Manager Bill Walker will discuss the architecture and design of the Apps ecosystem and demonstrate how you can use the open web as your platform to deliver a native app experience on laptops, tablets, and smartphones.

Today, many Brands are resizing 2.0 sites for mobile customers. A good transition step. But 3.0 innovators are rethinking how to become a truly Mobile Brand: One that serves its Raving Fans, over time and on demand. This has led to a new generation of Branded Apps that redefine how customers stream, search, shop, and sharewithin their mobile lives. This presentation reviews innovation leaps and insights into the top design patterns and practices for 3.0 apps.

HTML5 Canvas paints the World Wide web with audio and video. Learn about interactive multimedia applications and how HTML5s Canvas impacts their development. This new element animates images and brings gamelike experiences to the web.

This interactive session will focus on plugins and platform for mobile app development, which enables developers to build hybrid and mobile apps with HTML5, jQuery Mobile, and PhoneGap. We will show how to build an app that consumes REST API resources, and youll be able to test the app as its being built. Well also show the shortcut to API integration using Tiggzis Plugin Catalog to access API services premapped to UI components.

HTML5 Canvas paints the World Wide web with audio and video. Learn about interactive multimedia applications and how HTML5s Canvas impacts their development. This new element animates images and brings gamelike experiences to the web.

Axis is one of the first projects at Yahoo! that runs on the new stackbased on Node.JS as part of the Cocktails infrastructure. ExpandingAxis for iPad, iPhone and all four major desktop browsers from dayone, and using the brand new Mojito Application Framework has been aunique experience and we want to walk you through some of thearchitecture decisions and lessons learned while trying to choosebetween a variety of choices like Hybrid vs Native vs Web. The role ofMojito and YUI to optimize and adapt Axis for different form factorsand some of the UI optimizations we did along the way.

PhoneGap is open source framework that allows developers to build cross platform mobile applications using html5, css and javascript. This talk will be going over the goals and philosophy of the PhoneGap project, as well as showing some api demos. He will be doing a hello world example for iOS and Android. In addition, Steve will also be doing a demo of PhoneGap Build for building your applications in the cloud.

Apple has taught us how to deploy ecosystems of application developement, but the reality is the web has been providing us a great model for ecommerce already. Can other apps stores compete? Is there a bigger opportunity for web developers to adapt for mobile and leave their solutions available via the web? What will be the importance of App Stores going forward? Is Aggregation, commerce and Search their function, or is there more to be done and enabled in the future?

Mobile web development frameworks are targeting the builtin web browsers on iPhone and Android only; however, jQuery mobile has in a different vision, one that will reach the largest distribution of phones possible.

Leveraging the ways of progressive enhancement, your website can be viewed in raw HTML on old mobile phones and then enhanced with nice CSS styles across mobile platforms that have a decent CSS and JavaScript support.

In this session, Marc gives you his list of reasons to use jQuery mobile, an overview of the framework and will draw from his experiences building websites on top of jQuery Mobile.

Windows 8 holds great promise for developers who want to monetize and share their applications and games through the Windows 8 Store which is part of every copy of Windows 8! Come join us for a code intensive session where we’ll introduce you to the architecture of native Windows 8 applications and show you how you can build these applications with your HTML5 and JavaScript skills. These applications use native Windows 8 features – Search, Sharing, Sensors and more – and can be sold in the Windows 8 Store.

The HTML5 Standard is being deployed, but are all browsers equal? Will HTML5 be truly interoperable or will the standard degrade into a mixed bag of browser specific implementations? This session shows the Gallery of Great HTML5 implementations putting browsers in the test. What works and will the standard have enough momentum to force adherence.

Computers screens come in all different sizes. To handle graphics for different cases, most web applications serve multiple different sizes of images. Now with retina displays it is only compounding the problem. With SVG Scalable Vector Graphics your graphics can scale up and down with ease.

In this session, Marc will teach you how to start using SVG and some of the pros and cons of using it to build web interfaces. He will also cover RaphaelJS and how it gives you some tools to make working with SVG more efficient and work in a wider amount of web browsers.

Programming the meat of your JavaScript application is the most productive and lucrative element for any development team. Typically, the last 10 percent of the development effort administration tools, permission architecture, accountability, logging, etc. prove to be the most tedious, and usually end up taking 90 percent of the time allotted for the project. Learn how Viewbiquity Data Objects make that 10 percent substantially easier, while decreasing training time for the administrators managing your applications. And, once your JavaScript application is complete and generating anywhere from thousands to even billions of data points, tools must be used to visualize and analyze this information. Learn how simple it is to deal with huge data sets using Viewbiquity Automated Data Layers REST and JavaScript APIs.

HTML5 may bring a lot to the table but using it in real life with a cost, limited resources, and a timeline associated makes things a little different.

In this session, Steven will take you through some of the realities faced while rebuilding a new HTML5 doctype and having to maintain a website that works for the general public.

The Mobile web of smart phones and tablets is now used more often than the desktop/laptop environment. What are the concerns in designing for a mixed world of mobile and computer based users? How do you support mobility while providing a full user experience? What are the compromises and opportunities in choosing how to design in html5?

The track element represents the hottest new feature in HTML5 development, something all the major browsers are working on. While browsers currently don’t expose much about video, will allow users to share all sorts of textual data about the video. Content owners will be able to increase accessibility for the content, utilizing captions and descriptions for users who can’t hear or see the video. Searchability will play a major role as well, as will give search engines even more data, improving accuracy, translations, and location. This presentation will give an overview of capabilities and look at how it will impact the future of HTML5 programming. This session will also inform developers of how they can make better use of their video data by working with the track element.

With the recent release of Adobe Creative Suite 6 and the Creative Cloud, there are many new advancements that empower designers and developers to create and view their content across screens and devices.

In this session Paul Trani will take you through the latest in HTML5, CSS3, JavaScript and Flash, all using the newly released Adobe Creative Suite 6 and the Creative Cloud.

The mobile web is an exciting new world of opportunities, but native apps are still a popular choice for many users. In this session Mike will explain the conceptualization & architecture of a native web app and show how to write an app in less than 30 mins that will work on Android, IOS, and theoretically any other platform, and also demonstrate setting up an android development environment, basic usage of the PhoneGap native web app framework, and deployment of an HTML5 web application as an Android native application into Google Play.

The Mobile Web is a heterogeneous mixture of technologies, use patterns and methodologies. A review of the divergence in precipitation about the simple concepts of ownership and responsibility highlight the challenges in using our mobile devices securely. A look at what is being done right in the Mobile application environment as it becomes a more important part of out lives and where there is more work to be done.

Device HTML design is easy, just use media queries and make everything bigger, right? Um, actually, that is a lot of it. But the rest of it is making decisions about what to shrink, what to move, what screen size do you set your queries too? All these and more are the hard stuff of mobile design. This session will explore these issues and hopefully help you answer the questions for yourself.

The mobile web is an exciting new world of opportunities, but native apps are still a popular choice for many users. In this session Mike will explain the conceptualization & architecture of a native web app and show how to write an app in less than 30 mins that will work on Android, IOS, and theoretically any other platform, and also demonstrate setting up an android development environment, basic usage of the PhoneGap native web app framework, and deployment of an HTML5 web application as an Android native application into Google Play.

The religious debate between native and html5 as the best approach for mobile application continues to rage. Yet most enterprises are making this decision without understanding the broader implications such as user experience, security, app certification, revenue share, extensibility, and the evolving ecosystem around both solutions. Apple, Google, and even Microsoft continue to drive more innovation into the device such as sensors, voice agents, gestures while large players like Facebook and Amazon are lining up with force behind html5 as a way around the stronghold of device makers. Dramatic advances in the cloud further stoke the debate as cloud players are incentivized to put more capabilities into the browser. This session will address how enterprises can achieve the right balance between html5 and native development to meet the needs of their mobile users.