components/nacl/docs/dev/index.html

   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), to(#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++ code in the browser efficiently
  66 and securely, independent of the user's operating system. <strong>Portable Native 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>low-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 of Native Client, including
  73 its goals, how it works, and how Portable Native Client lets developers run native compiled code on the web.</p>
  74 </div>
  75
  76 <iframe class="video" width="640" height="360" src="//www.youtube.com/embed/MvKEomoiKBA?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}}