This repository has been archived by the owner on Apr 3, 2020. It is now read-only.
/
crosswalk-101-new-html5-application-runtime.html
194 lines (164 loc) · 9.5 KB
/
crosswalk-101-new-html5-application-runtime.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html id="top" lang="en-us">
<head>
<meta charset="utf-8">
<title>The Crosswalk Project</title>
<link rel="shorcut icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<script>
WebFontConfig = {
custom: {
families: ['Clear Sans'],
urls: ['/css/fonts.css']
},
google: {
families: ['Source Code Pro:n4,n6']
},
timeout: 2000
};
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script async defer src="//ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js"></script>
<link rel="stylesheet" href="/css/main.css">
<meta name="description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta name="author" content="Crosswalk" />
<meta name="handheldfriendly" content="true" />
<meta name="mobileoptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta http-equiv="cleartype" content="on" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Facebook -->
<meta property="og:side_name" content="Crosswalk" />
<meta property="og:title" content="Crosswalk Project 101: The New HTML5 Application Runtime" />
<meta property="og:url" content="http://crosswalk-project.org/blog/crosswalk-101-new-html5-application-runtime" />
<meta property="og:description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta property="og:image" content="/assets/crosswalk-og-banner.jpg" />
<!-- Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="http://crosswalk-project.org/blog/crosswalk-101-new-html5-application-runtime" />
<meta name="twitter:title" content="Crosswalk Project 101: The New HTML5 Application Runtime" />
<meta name="twitter:description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta name="twitter:site" content="@xwalk_project" />
<!-- Relevant original Crosswalk Project JS -->
<script src="/js/utils.js"></script>
<script src="/js/xwalk.js"></script>
<script src="/js/versions.js"></script>
<script src="/js/demos.js"></script>
<script src="/js/testimonials.js"></script>
<script src="/js/tools.js"></script>
<script src="/js/qualityindicators.js"></script>
</head>
<body>
<!-- If curr page named 'index' and less than 2 dirs deep,
do custom layouts. (home screen, blog, app-mgmt page)
Else, provide doc header and nav. -->
<div class="container">
<div class="doc-header">
<div class="doc-logo-div">
<a href="/" class="doc-logo-link">
<img src="/assets/identity/crosswalkproject-logo-horizontal-dark.png" class="doc-logo-img">
</a>
</div>
<div class="doc-nav-div">
<ul class="doc-nav-list">
<li class="doc-nav-item">
<a href="/documentation/getting_started.html" class="doc-nav-link">Documentation</a>
</li>
<li class="doc-nav-item">
<a href="/blog" class="doc-nav-link">Blog</a>
</li>
<li class="doc-nav-item">
<a href="/contribute" class="doc-nav-link">Contribute</a>
</li>
<li class="doc-nav-item">
<a href="https://github.com/crosswalk-project/crosswalk-website/wiki" class="doc-nav-link">Wiki</a>
</li>
<li class="doc-nav-item hide-on-small">
<a href="/documentation/about/faq.html" class="doc-nav-link">FAQ</a>
</li>
<li class="doc-nav-item hide-on-small">
<a href="/documentation/getting_started.html" class="doc-nav-link" style="border:1px solid #ec543b;padding:8px;color:#ec543b;" >get started</a>
</li>
</ul>
</div>
</div>
<br />
<div class="doc-main">
<div class="row">
<article class="article">
<header class="article-header">
<h1 class="article-title">Crosswalk Project 101: The New HTML5 Application Runtime</h1>
<span class="article-meta">
<a href="crosswalk-101-new-html5-application-runtime.html"><time class="js-vagueTime" datetime="Thu, 01 May 2014 10:00:00 GMT">Thu, 01 May 2014 10:00:00 GMT</time></a>
by <span class="article-author">Kenneth Christiansen</span>
</span>
</header>
<p>HTML5 brings many advantages, ranging from easy integration with cloud services to super flexible layout primitives. It also brings value to app developers with its openness, deployment model and with responsive design built in.</p>
<p>The web platform is rapidly improving, with new versions of HTML, CSS and JavaScript and with an increased focus on mobile performance and web components a standard way to encapsulate and create reusable UI and logic components. But to many developers basic things are still missing and that makes it hard to adopt the web as it is today.</p>
<p>With Crosswalk that changes; Crosswalk is an HTML application runtime, built on an open source foundation. It extends today's web platform with new capabilities, empowering applications written using web technologies.</p>
<p>By using Crosswalk, an application developer can:</p>
<ul>
<li>Access the latest recommended and emerging web standards</li>
<li>Control the upgrade cycle of an application by distributing it with its own runtime</li>
<li>Add custom extensions to an application to take advantage of platform features not exposed by Crosswalk or the standardized web platform</li>
</ul>
<p>At the heart of Crosswalk is the Blink rendering and layout engine. This provides the same HTML5 features and capabilities you would expect to find in any modern web browser.</p>
<p>Building on Blink, Crosswalk uses parts and modules of Chromium to provide a multiprocess architecture, designed for security and performance, as well as state of the art performance and graphics.</p>
<p>Be sure to check ou the <a href="http://crosswalk-project.org/">Crosswalk</a> site and the <a href="http://software.intel.com/en-us/html5/tools">tools and XDK</a>.</p>
<a href="http://twitter.com/xwalk_project" class="article-promo well">
<h4 class="article-promoTitle">Get more hybrid app secrets</h4>
<p>Build powerful hybrid apps for Android or Cordova / PhoneGap more reliably with <span class="a-faux">tips from the Intel Crosswalk team</span>.</p>
</a>
</article>
</div>
</div>
</div>
<hr class="footer-divider" style="margin-top:125px; margin-bottom:0px" />
<div style="position:relative; top:-30px;">
<a href="/"><img src="/assets/cw-logo-circle.png" width="60px" style="display:block; margin: 0 auto;" /></a>
</div>
<footer class="footer footer--documentation" >
<div class="container" >
<div class="row">
<div class="footer-div">
<img src="/assets/Twitter_logo_blue.png" width="20px" /> Follow <a href="http://twitter.com/xwalk_project">@xwalk_project on Twitter</a> for the latest developer activities and project updates.
</div>
<div class="footer-div">
Latest blog post:</br>
<b><a href="/blog">Introducing 'Download mode' in Crosswalk for Android</a></b><br/>
(<span ><time class="js-vagueTime" datetime="Mon, 09 May 2016 17:00:00 GMT">2016-05-09T17:00</time></span>)
<br/>
</div>
<div class="footer-div">
<strong><a href="/feed.xml"><img src="/assets/rss-icon-16.gif" style="vertical-align:middle" /> RSS Feed</a></strong>
</div>
<div class="footer-div">
<a href="/documentation">Documentation</a>
<a href="/blog">Blog</a>
<a href="/documentation/downloads.html">Downloads</a> <br />
<a href="https://crosswalk-project.org/jira/secure/Dashboard.jspa">Issues</a>
<a href="https://github.com/crosswalk-project">GitHub source</a>
<a href="/sitemap.html">Sitemap</a> <br/>
</div>
</div>
<div class="row">
<small>
The Crosswalk Project was created by the Intel Open Source Technology Center. Copyright © 2013–2016 Intel Corporation. All rights reserved. <a href="https://github.com/crosswalk-project/crosswalk-website/wiki/Privacy-Policy">Privacy policy</a>. *Other names and brands may be claimed as the property of others.
</small>
</div>
</div>
</footer>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WC843Q"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WC843Q');</script>
<!-- End Google Tag Manager -->
<script src="/js/smoothScroll.js"></script>
<script src="/js/vagueTime.js"></script>
<!-- <script async defer src="/js/trmix.js"></script> -->
</body>
</html>