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}} 109
