OLD | NEW |
(Empty) | |
| 1 {{+bindTo:partials.standard_nacl_article}} |
| 2 |
| 3 <style type="text/css"> |
| 4 #home .button-nacl { |
| 5 border-top: 1px solid #96d1f8; |
| 6 background: #65a9d7; |
| 7 background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), t
o(#65a9d7)); |
| 8 background: -webkit-linear-gradient(top, #3e779d, #65a9d7); |
| 9 background: -moz-linear-gradient(top, #3e779d, #65a9d7); |
| 10 background: -ms-linear-gradient(top, #3e779d, #65a9d7); |
| 11 background: -o-linear-gradient(top, #3e779d, #65a9d7); |
| 12 padding: 5px 10px; |
| 13 -webkit-border-radius: 5px; |
| 14 -moz-border-radius: 5px; |
| 15 border-radius: 5px; |
| 16 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; |
| 17 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; |
| 18 box-shadow: rgba(0,0,0,1) 0 1px 0; |
| 19 text-shadow: rgba(0,0,0,.4) 0 1px 0; |
| 20 color: white; |
| 21 font-size: 18px; |
| 22 text-decoration: none; |
| 23 vertical-align: middle; |
| 24 } |
| 25 #home .button-nacl:visited { |
| 26 color: #fff; |
| 27 } |
| 28 #home .button-nacl:hover { |
| 29 border-top-color: #28597a; |
| 30 background: #28597a; |
| 31 color: #ccc; |
| 32 } |
| 33 #home .button-nacl:active { |
| 34 border-top-color: #1b435e; |
| 35 background: #1b435e; |
| 36 } |
| 37 #home .button-download { |
| 38 float: right; |
| 39 margin: 2em 4em; |
| 40 } |
| 41 #home .big-intro { |
| 42 font-size: 16px; |
| 43 } |
| 44 #home iframe.video { |
| 45 display: block; |
| 46 margin: 1em auto 0; |
| 47 } |
| 48 #home .right-side { |
| 49 float: right; |
| 50 width: 54%; |
| 51 background-color: #FFF; |
| 52 } |
| 53 #home .right-side-inner { |
| 54 padding-left: 40px; |
| 55 } |
| 56 </style> |
| 57 |
| 58 <h1>Welcome to Native Client</h1> |
| 59 |
| 60 <div id="home"> |
| 61 |
| 62 <a class="button-nacl button-download" href="/sdk/download.html">Download SDK</a
> |
| 63 |
| 64 <div class="big-intro"> |
| 65 <p><strong>Native Client</strong> is a sandbox for running compiled C and C++ co
de in the browser efficiently |
| 66 and securely, independent of the user's operating system. <strong>Portable Nativ
e Client</strong> extends |
| 67 that technology with architecture independence, letting developers compile their
code once to run |
| 68 in any website and on any architecture.</p> |
| 69 |
| 70 <p>In short, Native Client brings the <strong>performance</strong> and <strong>l
ow-level control</strong> |
| 71 of native code to modern web browsers, without sacrificing the <strong>security<
/strong> and |
| 72 <strong>portability</strong> of the web. Watch the video below for an overview o
f Native Client, including |
| 73 its goals, how it works, and how Portable Native Client lets developers run nati
ve compiled code on the web.</p> |
| 74 </div> |
| 75 |
| 76 <iframe class="video" width="640" height="360" src="//www.youtube.com/embed/MvKE
omoiKBA?rel=0" frameborder="0"></iframe> |
| 77 |
| 78 <div class="right-side"> |
| 79 <div class="right-side-inner"> |
| 80 <h2>Guiding principles of Native Client</h2> |
| 81 <div class="big-intro"> |
| 82 <ul> |
| 83 <li>Developer flexibility to program in any language.</li> |
| 84 <li>Running close to the metal to allow access to performance gains.</li> |
| 85 <li>Protecting users from malicious code and malware.</li> |
| 86 <li>Write-once, run-anywhere code portability across all user architectures.</
li> |
| 87 </ul> |
| 88 </div> |
| 89 </div> |
| 90 </div> |
| 91 |
| 92 <h2>Get started with Native Client</h2> |
| 93 <div class="big-intro"> |
| 94 <ol> |
| 95 <li><a href="/sdk/download.html">Download the Native Client SDK</a>.</li> |
| 96 <li>Read the <a href="overview.html">Technical Overview</a>.</li> |
| 97 <li>Learn how to use the SDK and build both a web app and a Chrome app in the |
| 98 <a href="/devguide/tutorial/tutorial-part1.html">Getting Started Tutorial</a>.
</li> |
| 99 </ol> |
| 100 </div> |
| 101 |
| 102 <div class="big-intro" style="clear: both;"> |
| 103 <p>Send us questions, comments, and feedback: <a href="https://groups.google.com
/forum/#!forum/native-client-discuss">native-client-discuss</a>.</p> |
| 104 </div> |
| 105 |
| 106 </div> <!-- home --> |
| 107 |
| 108 {{/partials.standard_nacl_article}} |
OLD | NEW |