components/nacl/docs/dev/index.html

{{+bindTo:partials.standard_nacl_article}}

<style type="text/css">
  #home .button-nacl {
    border-top: 1px solid #96d1f8;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 18px;
    text-decoration: none;
    vertical-align: middle;
    }
  #home .button-nacl:visited {
    color: #fff;
    }
  #home .button-nacl:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
    }
  #home .button-nacl:active {
    border-top-color: #1b435e;
    background: #1b435e;
  }
  #home .button-download {
    float: right;
    margin: 2em 4em;
    }
  #home .big-intro {
    font-size: 16px;
    }
  #home iframe.video {
    display: block;
    margin: 1em auto 0;
    }
  #home .right-side {
    float: right;
    width: 54%;
    background-color: #FFF;
    }
  #home .right-side-inner {
    padding-left: 40px;
    }
</style>
    
<h1>Welcome to Native Client</h1>
    
<div id="home">

<a class="button-nacl button-download" href="/sdk/download.html">Download SDK</a>

<div class="big-intro">
<p><strong>Native Client</strong> is a sandbox for running compiled C and C++ code in the browser efficiently
and securely, independent of the user's operating system. <strong>Portable Native Client</strong> extends
that technology with architecture independence, letting developers compile their code once to run
in any website and on any architecture.</p>

<p>In short, Native Client brings the <strong>performance</strong> and <strong>low-level control</strong>
of native code to modern web browsers, without sacrificing the <strong>security</strong> and
<strong>portability</strong> of the web. Watch the video below for an overview of Native Client, including
its goals, how it works, and how Portable Native Client lets developers run native compiled code on the web.</p>
</div>

<iframe class="video" width="640" height="360" src="//www.youtube.com/embed/MvKEomoiKBA?rel=0" frameborder="0"></iframe>

<div class="right-side">
<div class="right-side-inner">
<h2>Guiding principles of Native Client</h2>
<div class="big-intro">
<ul>
  <li>Developer flexibility to program in any language.</li>
  <li>Running close to the metal to allow access to performance gains.</li>
  <li>Protecting users from malicious code and malware.</li>
  <li>Write-once, run-anywhere code portability across all user architectures.</li>
</ul>
</div>
</div>
</div>

<h2>Get started with Native Client</h2>
<div class="big-intro">
<ol>
  <li><a href="/sdk/download.html">Download the Native Client SDK</a>.</li>
  <li>Read the <a href="overview.html">Technical Overview</a>.</li>
  <li>Learn how to use the SDK and build both a web app and a Chrome app in the
  <a href="/devguide/tutorial/tutorial-part1.html">Getting Started Tutorial</a>.</li>
</ol>
</div>

<div class="big-intro" style="clear: both;">
<p>Send us questions, comments, and feedback: <a href="https://groups.google.com/forum/#!forum/native-client-discuss">native-client-discuss</a>.</p>
</div>

</div> <!-- home -->

{{/partials.standard_nacl_article}}