Table of Contents

HTML 5 Is Making
a Big Impact – and Quickly 1
HTML5 at a Glance 1
Core Features of HTML5 2
HTML5 and Its
Relationship to CSS3 3
Why Use HTML5 for
Application Development? 4
So…Is HTML5 Right for You? 7
How Sencha Helps
Ensure Success with HTML5 8
Learn More 9
1
HTML 5 Is Making a Big Impact – and Quickly
HTML5 is the biggest leap forward in web technologies in the last generation. With
broad support from Apple, Mozilla, Microsoft and Google, all the major browsers
have rapidly incorporated HTML5 features. Apple Chairman Steve Jobs has said
that the world is moving to HTML5 as the open-standard development solution for
rich applications. And did you know that HTML5 is now one of the fastest trending
searches on technical job sites?
But with people pointing to everything from simple JavaScript animations to CSS3
effects as examples of HTML5, it’s not surprising that there is confusion about
what HTML5 is and what it means. So…what exactly is HTML5, and why should
development managers even care?
This paper provides a practical overview of HTML5 core technologies and explains
why – in just a few short years – HTML5 has attracted the attention and support of
industry leaders like Google, Apple and Microsoft. Based on Sencha’s experience
with HTML5 technologies, it summarizes the advantages of HTML5-based
applications and discusses how frameworks and tools such as those offered by
Sencha can facilitate the development of HTML5 applications.
HTML5 at a Glance
When the media refers to “HTML5,” they typically mean the broad collection of
next-generation web technologies that have been implemented in the current
generation of web browsers. Some of these technologies are not strictly part of the
HTML5 draft standard. For example, CSS3 have never been part of the HTML5
spec|fcat|on, and many others (such as Web Workers} were or|g|na||y part of the
spec but were |ater spun out as separate spec|fcat|ons.
At Sencha, we think the right way to refer to this collection of technologies is
as “the HTML5 Family,” but for convenience, we’ll refer to them as “HTML5” in
the rest of the paper. The fam||y members of HTM|5 (||ke a|| fam|||es} are |n very
different stages of maturity and implementation. Most are fully implemented in
The Development
Manager’s Quick
Guide to HTML5
What Is HTML5 – and Why Should
You Care?
2
the latest revision browsers, but some are still in early draft and may be altered
s|gn|fcant|y before they are fna||zed.
The core Wor|d W|de Web Oonsort|um (W3O} HTM|5 spec |s just one part of the
HTM|5 fam||y of spec|fcat|ons. The fu|| ||st of spec|fcat|ons |nc|udes:
º The Core HTML5 spec
º Oascad|ng Sty|e Sheets vers|on 3 (OSS3}
º Web Workers
º Web Storage
º Web Sockets
º Geolocation
º Microdata
º Device API and File API
º And more spec|fcat|ons |n progress

(Note: We don`t |nc|ude SvG |n th|s ||st because wh||e |t has been a standard s|nce
2001, |t st||| |acks broad and comp|ete browser support.}
What’s important to understand is that HTML5 originated as an initiative to
transform the web browser into a richer application platform. The HTML5
mission was to enable web applications to be built with rich user interfaces,
off|ne capab|||t|es and deep but secure hardware access capab|||t|es. Because
HTM|5 apps are web-dep|oyed, they offer the benefts that the Web has a|ways
de||vered - name|y:
º A un|versa|, cross p|atform c||ent: the web browser
º Easy searchab|||ty and |ndex|ng (|nc|ud|ng deep ||nk|ng}
º The ability to trivially include third-party services and mashups
º Zero-hass|e dep|oyments and updates (|t`s just on the Web}
Core Features of HTML5
HTML5 substantially changes many aspects of the HTML language, but most
changes are invisible to end-users. These “user-invisible” changes include a new
content model, a new layout model, and new accessibility features and browsing
contexts.
Other core features of HTM|5 |nc|ude the fo||ow|ng:
º In many cases, developers can use HTML5 to do what they currently do with
JavaScript, or server workarounds. For example, HTML5 adds semantic tags
for many common content e|ements (for examp|e, a form fe|d for ema|| address
A Brief History
HTML stands for HyperText Markup
Language –a “simple markup language
used to create hypertext documents
that are platform independent.” But
the “simple markup language” was
so useful that over time it quickly
grew in complexity, and was soon
accompanied by a style sheet language
(OSS} and a standard scr|pt|ng
|anguage (JavaScr|pt}.
By 2005, the web was already an
application platform, but one that
was primarily based on server-side
code execution with extremely simple
JavaScript code executing the client-
side. The rise of AJAX opened the
door for the browser to become a
fu||-fedged c||ent-s|de p|atform. ln
short order, the proliferation of intricate,
client-side web applications such as
Google Gmail and Yahoo! MapQuest
showed that the web could deliver
interesting, complex, globally available
applications. But in this pre-HTML5
world, plug-in technologies such as
Flash and Google Gears had to be
used to make up HTML4’s feature
defc|enc|es so that deve|opers cou|d
deliver rich experiences.
In 2008, the W3C and WHATWG web
standard consortia jointly published
the frst pub||c work|ng draft of HTM|5.
A|though the spec|fcat|on work |s
ongoing, browsers have already
implemented many HTML5 features.
On mobile, this has been accelerated
by the widespread use of the WebKit
layout engine by the mobile browsers
on iOS, Android, Blackberry, WebOS
and Bada.
3
entry}. lt a|so |nc|udes new markup for menus and nav|gat|on sect|ons that
result in cleaner, human-readable HTML; as a result, developers can replace
the current blizzard of <div> tags with meaningful markup, such as <nav>
and <aside>.
º For forms, HTML5 adds support for PUT and DELETE form actions, which will
simplify server-side processing. It also provides native support for adding form
e|ements dynam|ca||y (someth|ng that current|y has to be done |n JavaScr|pt}.
º For users, the highest-impact change in HTML5 is the addition of audio
(<aud|o>} and v|deo (<v|deo>} tags and an |mmed|ate mode 2D b|tmap draw|ng
format (<canvas>}. HTM|5 aud|o and v|deo tags a||ow p|ayback w|thout the use
of plugins, while canvas supports rich 2D drawings.
º HTML5 removes many of the presentational markup elements that litter earlier
HTML specs, like <center> and <font>. It also disallows direct table styling;
instead, developers must use CSS.
º HTM|5 offc|a||y e||m|nates frames except for the <|frame> |n||ne frame.
Other features in the core HTML5 spec include drag-and-drop of web content
across the app||cat|on`s canvas, drag-and-drop of f|es from desktop to app||cat|on,
support for cross-document messaging, persistent content caching directives, and
support for user-editable content.
The core HTML5 capabilities are, by themselves, a strong foundation upon which
to build rich web content.
HTML5 and Its Relationship to CSS3
What many people think is “HTML5” is actually CSS3. CSS3 is a collection of
sub-spec|fcat|ons that work |n concert w|th the document structures created
w|th HTM|5. ln most cases, HTM| markup defnes the structure of web content;
JavaScript manages behavior; and, CSS determines the content’s visual
presentation.
CSS3 modules have an impact on just about every aspect of presentation, from
e|ement transformat|ons (such as rotat|on and sca||ng} to advanced |mage-based
borders. OSS |s even used to de||ver font f|es that can be |nc|uded dynam|ca||y |n
webpage content. Developers can even use CSS3 to specify a style per device –
for example, to differentiate styling between TVs, mobile devices, and print views
using CSS3’s @media rules. They can also apply the same aesthetics to particular
page e|ements by fnd|ng and app|y|ng sty|es us|ng OSS3`s 'se|ectors" modu|e.
Some of the most exciting CSS3 modules for application developers are
“Transitions” and “Animations.” These style declarations govern how page
element styles change over time when those elements’ properties are changed.
4
For example, the Transition declaration allows developers to specify what happens
when a user hovers their mouse over a link on their site – for example, the link’s
textual color and font size could change to a new style over a second. CSS
Trans|t|ons can be added dynam|ca||y on the fy by rewr|t|ng or app|y|ng new OSS
classes using JavaScript.
Animation rules, on the other hand, allow for multiple changes to CSS properties
va|ues over t|me. An|mat|ons can |terate fn|te|y or |nfn|te|y; e|ther way, the browser
automatically calculates visual effects transitioning between each state. On
mobile, CSS Animations are often accelerated on the device’s GPU, resulting in an
enormous performance gain when compared to a plain JavaScript animation.
Another exc|t|ng feature of OSS3 |s support for r|cher |ayouts. F|ex|b|e and fu|d,
OSS3 |ayouts, such as the Mu|t|-Oo|umn |ayout and F|ex|b|e Box |ayout, defne
new OSS propert|es for the creat|on of comp|ex content fows w|thout hav|ng to
resort to highly nested <div>’s or tables with head-scratching math calculations.
CSS3 has many other modules, and it promises to be a vital tool in web site
and application design; put simply, it’s changing the way developers visually
communicate web content. For users, the various modules work together to
create a richer web experience. For developers, content is easier to style, without
resorting to image effects. CSS3 works in expected ways across the wide variety
of devices used to access the Web today.
Why Use HTML5 for Application Development?
We’re very excited about the HTML5-based development here at Sencha because
it promises richer applications and more developer power tools, and we’ve been
eager to take advantage of new HTML5 features as they have arrive in the browser.
But for companies that are already happily using server-based web applications,
it’s worth asking, “Why use HTML5 at all?”
The short answer is that you can create richer, more responsive application
exper|ences that your users can take off|ne w|th them. We |ay out the |ong answer
in the following sections, where we’ll explore the key advantages of HTML5 and
discuss why it may provide the right tool for developing your next great application.
A Web Experience that Uses Open Standards
For years, plug-ins like Flash and Silverlight enabled developers to compensate
for the Web’s lack of rich features. However, this is no longer necessary with
HTML5, which is excellent news given the many limitations associated with plug-in
technology. Apart from well-publicized mobile platform performance problems,
plug-ins have introduced stability and even security problems.
5
HTML5 web experiences are built on an open standard. The developer’s audience
is no longer limited to those who chose to allow the download of a plug-in or
devices that have plug-in support – a major issue in the case of some mobile
devices. Instead, any browser client, including any mobile device browser, can
deliver the same rich Web experience.
Rich Web Experiences with Cross Platform, Cross Device,
Cross-Browser Consistency
HTM|5 spec|fes how browser c||ents shou|d |nterpret HTM| markup, mak|ng
consistency an implicit feature of HTML5. As previously mentioned, browsers
supporting most HTML5 features are currently in use on all major desktop and
mobile device platforms. As long as a browser is HTML5 compliant, a developer
can create a single app and distribute it consistently across all combinations of
browsers, devices and platforms.
A Rich Web Application, Not Just a Web Site
As previously mentioned, HTML5 was created to enable the development of richer
web applications, but it’s worth exploring why developers turned to the Web as a
p|atform |n the frst p|ace.
The initial attraction of the Web was ubiquitous access; instead of having a
native application tied to whatever machine it was installed on, users could
access content from any browser anywhere in the world at any time. With
web applications, users gained the freedom to interact with their favorite
applications anywhere.
Web application development was also easier compared to native application
deve|opment. Nat|ve app||cat|on deve|opment uses separate |anguages for each
p|atform; th|s cumbersome process resu|ts |n an extens|ve (and often expens|ve}
ramp-up. In contrast, Web application development done with HTLM5 offers a far
easier development process.
Today, there are a number of great developer tools that make the process even
easier for developers seeking to create rich web applications; for example, Sencha
offers a user interface builder called Sencha Designer that gives developers a
visual drag-drop design system, enabling them to quickly and easily build rich
web applications.
A Rich Web Application for Mobile Devices
With the growing ubiquity of mobile devices, people are now accustomed to
accessing the Web on-the-go using phones, tablets, and other devices. What
used to be a desktop-only activity is now a 24/7 anytime, anywhere possibility.
Due to the |ack of F|ash support on market-cr|t|ca| mob||e p|atforms (such as |OS}
and alternative technologies for creating rich, mobile-optimized Web experiences,
6
many developers that want to create rich mobile application experiences end
up creating native mobile applications. However, native apps distribution has a
s|gn|fcant and potent|a||y pr|cey caveat: to d|str|bute a nat|ve app, deve|opers must
submit it to an app store ecosystem. The native app store ecosystems, particularly
the Apple App Store, are notorious for having lengthy approval processes and
arbitrary rejection of applications. On applications that make the cut, they also
charge a percentage of sales to app developers as a fee.
Before HTML5 matured and gained widespread adoption by major browser clients,
native apps were the only option for mobile applications. But today, with the help
of HTML5, developers can use the Web as both a desktop and a mobile platform.
With HTML5-based mobile web applications, developers can control application
distribution and avoid app store constraints. In addition, developers can create rich
web app||cat|ons that have shorter, more fex|b|e deve|opment cyc|es, de||ver|ng a
consistent user experience to any mobile browser client, regardless of the platform.
|et`s e|aborate a ||tt|e further on th|s |ast po|nt: mob||e Web app||cat|ons are far
more fex|b|e to deve|op and update than the|r nat|ve counterparts. For examp|e,
deve|opers can push bug fxes and feature upgrades |mmed|ate|y and seam|ess|y -
with no required action by the user. This is in direct contrast with native application
development cycles; in native apps, application changes must be consolidated
into downloadable version updates, which platform owners seek to minimize in
order to reduce the number of updates that users must be bothered with. This, in
turn, delays developers getting new functionality to users. Developers also have
to upload upgrades to a mobile app store and queue for approval from the app
store. At this point, the developer can only wait; the application is reviewed at the
app store’s availability and discretion, often resulting in weeks and even months of
waiting. Updates also run the risk of being rejected, and if it is, the developer must
edit the application based on the app store’s comments and go through the entire
process again. If and when a developer is able to promote an update to the app
store, there’s no guarantee it will reach its intended audience; users must actively
approve and download the update.
But perhaps the biggest reason to develop mobile apps using HTML5 is its
ubiquity and consistency. With HTML5, developers can create rich mobile Web
content that can be distributed simultaneously and consistently to all mobile
platforms. This means, for example, that Android, iOS and Blackberry OS web
applications can be developed and released simultaneously.
Advances in the mobile web process would be meaningless if it were not possible
to easily develop interactive experiences on the mobile Web. Gesture detection
and fxed-pos|t|on too|bars are h|gh|y des|rab|e features, but they are not part of
the HTM|5 spec|fcat|on. Th|s |s where too|k|ts and frameworks can he|p. S|m||ar
7
to desktop-side tools and frameworks, HTML5 technology-based mobile Web
toolkits and frameworks are now available to support developers. For example, the
Sencha Touch mobile Web framework makes it possible for developers to detect
gestures and have fxed pos|t|on too|bars and de||ver v|deo and aud|o for the
mob||e web - a|| w|thout p|ug-|ns. (To get a better |dea of what |s poss|b|e today
with mobile web frameworks, check out these Sencha mobile Web examples on
your favor|te smartphone or tab|et at www.sencha.com/products/touch/demos/.}
Rich Applications with a Shorter Development Cycle
and Fewer Resources
HTM|5 a|so offers deve|opers |nstant grat|fcat|on. HTM|5, OSS and JavaScr|pt
are interpreted languages that require no compilation cycle. This means developers
can debug in-browser, make a quick edit, and refresh their browser window to see
changes live. This contrasts starkly with traditional native or plugin development
with Flash, Silverlight or Objective C; edits can’t be viewed instantly, but rather only
after a lengthy compilation and deployment process. And if the edit is incorrect,
the developer has to go through the entire process all over again.
So…Is HTML5 Right for You?
HTML5 is equipped with many great features that will modernize the Web by
incorporating technologies once supported only through third-party plug-ins. But
is it right for you?
Are you planning to develop an
application with limited resources?
+70/LVDJRRGðW HTML is human
readable, and there are over ten million
web deve|opers (compared to much
fewer nat|ve and p|ug-|n deve|opers}.
What audience are you targeting? Are
you planning to develop an application
for a multi-platform audience with access
anytime and anywhere?
+70/LVDJRRGðW with HTML web-
based applications, your application is
reachable from anywhere at anytime.
Are you planning to reach your audience
on the go with devices such as
smartphones and tablets?
+70/LVDJRRGðW with HTML
web-based mobile applications, your
application consistently displays across
mobile web browsers, including future
devices.
Are you looking to reach mobile
audiences, but without having to go
through mobile app store ecosystems?
+70/LVDJRRGðW with HTML
web-based mobile applications, you
don’t even need the approval of a app
store to reach your audience.
8
With HTML5 and some great support tooling, it is now possible to create a sleek,
modern web application that is accessible from any browser, any desktop, and
any mobile device, anywhere at any time. Moreover, applications can be created
quickly and easily without a lot of experience.
How Sencha Helps Ensure Success with HTML5
Our mission at Sencha is to create the frameworks and tools that empower
developers to create amazing cross-browser application experiences that execute
with precision and performance.
Sencha creates application frameworks to enable developers to build cross-
platform, cross-browser Web apps. Our product portfolio consists of two classes
of products: app||cat|on frameworks and too|s. The frameworks are the core
systems that enable the rapid creation of true, cross-browser web applications,
from IE6 to Chrome 10 and everything in between. Our tools accelerate the
deve|oper`s workfow even further by |everag|ng the frameworks to enab|e v|sua|
development of user interfaces and interactions.
Our ma|n framework offer|ngs are Ext JS and Sencha Touch:
‹ Ext JS is designed for the creation of desktop Web sites, enabling developers
to build rich Web applications with ease. Ext JS also includes a large library
of UI components and default UI themes that enable developers to focus on
building the application they want.
‹ Sencha Touch is a framework used to build mobile and touch Web
app||cat|ons. lt`s the wor|d`s frst app||cat|on framework bu||t spec|fca||y to
|everage HTM|5, OSS3 and JavaScr|pt for the greatest power, fex|b|||ty
and optimization.
Sencha products make spec|fc use of HTM|5 to de||ver components such as
aud|o and v|deo, as we|| as a |oca| Storage proxy for sav|ng data off|ne. We have
also made extensive use of CSS3 in our style-sheets to provide the most robust
styling layer possible.
To comp|ement the frameworks Sencha offers, we a|so make ava||ab|e two too|s:
Ext Des|gner and Sencha An|mator (beta}:
‹ Ext Designer is a desktop application that helps you create interfaces faster
than ever in an easy-to-use, drag-and-drop environment. Using Designer,
companies can create new designs quickly, enabling Ext JS developers and
product designers to develop the user interface for their web app in a reduced
amount of time.
9
‹ Sencha Animator is a desktop application used to create animations for
mobile browsers and touchscreen mobile devices. Motion designers can use
Animator to create rich experiences for today’s most popular devices using just
CSS3 and no plug-ins.
Learn More
If you have any questions about HTML5 or want to know more about how Sencha
can help you leverage HTML5 to improve Web experiences, visit us online at
www.sencha.com. You can a|so:
º Mingle with other web developers and Sencha experts on our developers
forums (www.sencha.com/forum}
º View screencasts and code demos at our Learning Center
(www.sencha.com/|earn}
º Sign up for training sessions on our frameworks and tools to jump-start new
deve|opers as they use HTM|5 (www.sencha.com/tra|n|ng}
Sencha makes application frameworks that equip developers to create, deploy,
and optimize compelling experiences using web-standard technologies. The
company`s fagsh|p products, Ext JS and Sencha Touch, are a cross-browser
JavaScript frameworks which produce rich internet applications for desktop and
mobile devices. More than one million developers worldwide—representing more
than 150,000 companies—use the Sencha family of products to build amazing
applications every day.
1700 Seaport Boulevard
Suite 120
Redwood City, CA 94063
1 888 736 2421
www.sencha.com
@sencha
Copyright © 2011 Sencha

but most changes are invisible to end-users. The HTML5 mission was to enable web applications to be built with rich user interfaces. These “user-invisible” changes include a new content model. and was soon accompanied by a style sheet language the latest revision browsers. developers can use HTML5 to do what they currently do with JavaScript. Blackberry. browsers have already implemented many HTML5 features. For example. client-side web applications such as Google Gmail and Yahoo! MapQuest showed that the web could deliver interesting. HTML5 adds semantic tags 2 . and new accessibility features and browsing contexts. this has been accelerated by the widespread use of the WebKit layout engine by the mobile browsers on iOS. The rise of AJAX opened the door for the browser to become a short order. the W3C and WHATWG web standard consortia jointly published What’s important to understand is that HTML5 originated as an initiative to transform the web browser into a richer application platform. But in this pre-HTML5 world.” But the “simple markup language” was so useful that over time it quickly grew in complexity. WebOS and Bada.A Brief History HTML stands for HyperText Markup Language –a “simple markup language used to create hypertext documents that are platform independent. On mobile. globally available applications. a new layout model. The ability to trivially include third-party services and mashups ongoing. or server workarounds. plug-in technologies such as Flash and Google Gears had to be used to make up HTML4’s feature deliver rich experiences. complex. Android. Core Features of HTML5 HTML5 substantially changes many aspects of the HTML language. but some are still in early draft and may be altered The Core HTML5 spec Web Workers Web Storage Web Sockets Geolocation Microdata Device API and File API By 2005. In 2008. In many cases. the proliferation of intricate. the web was already an application platform. but one that was primarily based on server-side code execution with extremely simple JavaScript code executing the clientside.

developers must use CSS. persistent content caching directives. CSS determines the content’s visual presentation. HTML5 adds support for PUT and DELETE form actions.result in cleaner. from webpage content. human-readable HTML. They can also apply the same aesthetics to particular Some of the most exciting CSS3 modules for application developers are “Transitions” and “Animations. the highest-impact change in HTML5 is the addition of audio of plugins. mobile devices. a strong foundation upon which to build rich web content. For forms. instead. It also disallows direct table styling. It also provides native support for adding form For users. CSS3 is a collection of JavaScript manages behavior. and. to differentiate styling between TVs.” These style declarations govern how page element styles change over time when those elements’ properties are changed. as a result. Other features in the core HTML5 spec include drag-and-drop of web content support for cross-document messaging. such as <nav> and <aside>. and support for user-editable content. CSS3 modules have an impact on just about every aspect of presentation. which will simplify server-side processing. HTML5 and Its Relationship to CSS3 What many people think is “HTML5” is actually CSS3. HTML5 removes many of the presentational markup elements that litter earlier HTML specs. 3 . Developers can even use CSS3 to specify a style per device – for example. by themselves. while canvas supports rich 2D drawings. and print views using CSS3’s @media rules. like <center> and <font>. developers can replace the current blizzard of <div> tags with meaningful markup. The core HTML5 capabilities are.

where we’ll explore the key advantages of HTML5 and discuss why it may provide the right tool for developing your next great application. On mobile. allow for multiple changes to CSS properties automatically calculates visual effects transitioning between each state. 4 . it’s changing the way developers visually communicate web content. Animation rules. and it promises to be a vital tool in web site and application design. the Transition declaration allows developers to specify what happens when a user hovers their mouse over a link on their site – for example. CSS Animations are often accelerated on the device’s GPU.For example. However. resulting in an enormous performance gain when compared to a plain JavaScript animation. resort to highly nested <div>’s or tables with head-scratching math calculations. the link’s textual color and font size could change to a new style over a second. and we’ve been eager to take advantage of new HTML5 features as they have arrive in the browser. A Web Experience that Uses Open Standards For years. “Why use HTML5 at all?” The short answer is that you can create richer. plug-ins like Flash and Silverlight enabled developers to compensate for the Web’s lack of rich features. it’s worth asking. which is excellent news given the many limitations associated with plug-in technology. this is no longer necessary with HTML5. on the other hand. plug-ins have introduced stability and even security problems. without resorting to image effects. Why Use HTML5 for Application Development? We’re very excited about the HTML5-based development here at Sencha because it promises richer applications and more developer power tools. Apart from well-publicized mobile platform performance problems. CSS3 has many other modules. put simply. the various modules work together to create a richer web experience. For users. CSS3 works in expected ways across the wide variety of devices used to access the Web today. But for companies that are already happily using server-based web applications. more responsive application in the following sections. For developers. content is easier to style. CSS classes using JavaScript.

Cross-Browser Consistency consistency an implicit feature of HTML5. can deliver the same rich Web experience. there are a number of great developer tools that make the process even easier for developers seeking to create rich web applications. any browser client. . As long as a browser is HTML5 compliant. for example. As previously mentioned. Cross Device. What used to be a desktop-only activity is now a 24/7 anytime. The developer’s audience is no longer limited to those who chose to allow the download of a plug-in or devices that have plug-in support – a major issue in the case of some mobile devices. but it’s worth exploring why developers turned to the Web as a The initial attraction of the Web was ubiquitous access. and other devices. people are now accustomed to accessing the Web on-the-go using phones. Instead. mobile-optimized Web experiences. users gained the freedom to interact with their favorite applications anywhere. In contrast. users could access content from any browser anywhere in the world at any time. Rich Web Experiences with Cross Platform. Not Just a Web Site As previously mentioned.HTML5 web experiences are built on an open standard. Web application development was also easier compared to native application ramp-up. Today. HTML5 was created to enable the development of richer web applications. anywhere possibility. browsers supporting most HTML5 features are currently in use on all major desktop and mobile device platforms. enabling them to quickly and easily build rich web applications. instead of having a native application tied to whatever machine it was installed on. Web application development done with HTLM5 offers a far easier development process. tablets. With web applications. 5 and alternative technologies for creating rich. Sencha offers a user interface builder called Sencha Designer that gives developers a visual drag-drop design system. including any mobile device browser. A Rich Web Application. a developer can create a single app and distribute it consistently across all combinations of browsers. A Rich Web Application for Mobile Devices With the growing ubiquity of mobile devices. devices and platforms.

If and when a developer is able to promote an update to the app store. for example. they also charge a percentage of sales to app developers as a fee. regardless of the platform. delays developers getting new functionality to users. The native app store ecosystems. developers can control application distribution and avoid app store constraints. Before HTML5 matured and gained widespread adoption by major browser clients. This is in direct contrast with native application development cycles. But perhaps the biggest reason to develop mobile apps using HTML5 is its ubiquity and consistency. developers can use the Web as both a desktop and a mobile platform. Updates also run the risk of being rejected. with no required action by the user. However. native apps distribution has a submit it to an app store ecosystem. But today. developers can create rich mobile Web content that can be distributed simultaneously and consistently to all mobile platforms. with the help of HTML5. which platform owners seek to minimize in order to reduce the number of updates that users must be bothered with. the developer can only wait. On applications that make the cut. in native apps. iOS and Blackberry OS web applications can be developed and released simultaneously. are notorious for having lengthy approval processes and arbitrary rejection of applications. With HTML5-based mobile web applications. particularly the Apple App Store. users must actively approve and download the update.many developers that want to create rich mobile application experiences end up creating native mobile applications. the developer must edit the application based on the app store’s comments and go through the entire process again. This means. At this point. Advances in the mobile web process would be meaningless if it were not possible to easily develop interactive experiences on the mobile Web. and if it is. This. the application is reviewed at the app store’s availability and discretion. that Android. there’s no guarantee it will reach its intended audience. Developers also have to upload upgrades to a mobile app store and queue for approval from the app store. In addition. developers can create rich consistent user experience to any mobile browser client. native apps were the only option for mobile applications. Gesture detection 6 . With HTML5. often resulting in weeks and even months of waiting. application changes must be consolidated into downloadable version updates. in turn.

but without having to go through mobile app store ecosystems? 7 . check out these Sencha mobile Web examples on Rich Applications with a Shorter Development Cycle and Fewer Resources are interpreted languages that require no compilation cycle. including future devices. your application is reachable from anywhere at anytime. the developer has to go through the entire process all over again. you don’t even need the approval of a app store to reach your audience. HTML5 technology-based mobile Web toolkits and frameworks are now available to support developers. This means developers can debug in-browser. your application consistently displays across mobile web browsers. with HTML web-based mobile applications. the Sencha Touch mobile Web framework makes it possible for developers to detect with mobile web frameworks. But is it right for you? HTML is human readable. This contrasts starkly with traditional native or plugin development with Flash. For example. and refresh their browser window to see changes live. and there are over ten million Are you planning to develop an application with limited resources? What audience are you targeting? Are you planning to develop an application for a multi-platform audience with access anytime and anywhere? with HTML webbased applications. So…Is HTML5 Right for You? HTML5 is equipped with many great features that will modernize the Web by incorporating technologies once supported only through third-party plug-ins. Silverlight or Objective C. but rather only after a lengthy compilation and deployment process. with HTML web-based mobile applications. Are you planning to reach your audience on the go with devices such as smartphones and tablets? Are you looking to reach mobile audiences. And if the edit is incorrect.to desktop-side tools and frameworks. edits can’t be viewed instantly. make a quick edit.

also made extensive use of CSS3 in our style-sheets to provide the most robust styling layer possible. cross-browser web applications. any desktop. Ext Designer is a desktop application that helps you create interfaces faster than ever in an easy-to-use.With HTML5 and some great support tooling. anywhere at any time. Moreover. Our product portfolio consists of two classes systems that enable the rapid creation of true. from IE6 to Chrome 10 and everything in between. Our tools accelerate the development of user interfaces and interactions. Ext JS also includes a large library of UI components and default UI themes that enable developers to focus on building the application they want. modern web application that is accessible from any browser. Sencha Touch is a framework used to build mobile and touch Web and optimization. it is now possible to create a sleek. cross-browser Web apps. Using Designer. Ext JS is designed for the creation of desktop Web sites. and any mobile device. How Sencha Helps Ensure Success with HTML5 Our mission at Sencha is to create the frameworks and tools that empower developers to create amazing cross-browser application experiences that execute with precision and performance. companies can create new designs quickly. enabling developers to build rich Web applications with ease. Sencha creates application frameworks to enable developers to build crossplatform. drag-and-drop environment. applications can be created quickly and easily without a lot of experience. 8 . enabling Ext JS developers and product designers to develop the user interface for their web app in a reduced amount of time.

000 companies—use the Sencha family of products to build amazing applications every day.com @sencha Copyright © 2011 Sencha Sencha makes application frameworks that equip developers to create. 9 .Sencha Animator is a desktop application used to create animations for mobile browsers and touchscreen mobile devices. visit us online at Mingle with other web developers and Sencha experts on our developers View screencasts and code demos at our Learning Center Sign up for training sessions on our frameworks and tools to jump-start new 1700 Seaport Boulevard Suite 120 Redwood City. The JavaScript frameworks which produce rich internet applications for desktop and mobile devices. More than one million developers worldwide—representing more than 150. Motion designers can use Animator to create rich experiences for today’s most popular devices using just CSS3 and no plug-ins. deploy. and optimize compelling experiences using web-standard technologies.sencha. CA 94063 1 888 736 2421 www. Learn More If you have any questions about HTML5 or want to know more about how Sencha can help you leverage HTML5 to improve Web experiences.

Sign up to vote on this title
UsefulNot useful