docs/html/preview/index.jd

heropage.title=Android L Developer Preview
page.viewport_width=970
fullpage=true
no_footer_links=true

@jd:body

<style>
.fullpage>#footer,
#jd-content>.content-footer.wrap {
  display:none;
}
</style>

<style>
#footer {
    display: none;
}
.content-footer {
  display: none;
}
</style>

<div id="video-container">
  <div id="video-frame">
    <div class="video-close">
      <span id="icon-video-close">&nbsp;</span>
    </div>
    <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
    <div id="ytapiplayer">
      <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=940
      src="https://i1.ytimg.com/vi/0xQ3y902DEQ/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
    </div>
  </div>
</div>

<div class="landing-body-content">
  <div class="landing-hero-container">
    <div class="landing-section preview-hero">
      <div class="landing-hero-scrim"></div>
      <div class="landing-hero-wrap">
        <div class="vertical-center-outer">
          <div class="vertical-center-inner">

            <div class="col-12">
              <div class="landing-section-header">

                <div class="landing-h1 hero">L Developer Preview</div>
                <div class="landing-subhead hero">
                <p>An early look at the next release</p>
                </div>
              <div class="landing-hero-description">
               <p>Test and build your apps against the next<br />
              version of Android to ensure they're ready<br/>
              when the platform officially launches.</p>
              </div>

              <div class="landing-body">
                <a href="/preview/setup-sdk.html" class="landing-button landing-primary" style="margin-top: 40px;">
                  Get Started
                </a>
              </div>
            </div>

          </div>
        </div>
      </div> <!-- end .wrap -->
      <div class="landing-scroll-down-affordance">
        <a class="landing-down-arrow" href="#extending-android-to-landingables">
          <img src="/wear/images/carrot.png" alt="Scroll down to read more">
        </a>
      </div>
    </div> <!-- end .landing-section .landing-hero -->
  </div> <!-- end .landing-hero-container -->


    <div class="landing-rest-of-page">
      <div class="landing-section" id="extending-android-to-landingables">
        <div class="wrap">
          <div class="landing-section-header">
            <div class="landing-h1">See What's New</div>
            <div class="landing-subhead">
              Take advantage of all the new capabilities, which are focused on design and performance.
            </div>
          </div>

          <div class="landing-body">

            <div class="landing-breakout cols">
              <div class="col-4">
                <img src="/preview/images/material.png" style="opacity:.6" alt="">
                <p>A New UI Design</p>
                <p class="landing-small">
                  Create a consistent experience across mobile and the web with
                   <b>Material</b>, the new Google design standard.
                </p>
                <p class="landing-small">
                  <a href="/preview/quantum/index.html">Learn about</a>
                </p>
              </div>
              <div class="col-4">
                <img src="/preview/images/art.png" alt="">
                <p>A Rehauled Runtime</p>
                <p class="landing-small">
                  Test your apps and get them ready for <b>ART</b> (<b>A</b>ndroid <b>R</b>un<b>t</b>ime),
                  the default runtime in the next release.

                </p>
                <p class="landing-small">
                  <a href="/preview/api-overview.html#art">Learn more</a>
                </p>
              </div>
              <div class="col-4">
                <img src="/preview/images/notifications.png" alt="">
                <p style="width:230px">Enhanced Notifications</p>
                <p class="landing-small">
                   Get more control over where notifications appear,
                   how they look, and automatic syncing to non-handheld devices.
                </p>
                <p class="landing-small">
                  <a href="/preview/api-overview#graphics">Learn more</a>
                </p>
              </div>
              <div class="col-4">
                <img src="/preview/images/volta.png" alt="">
                <p>Project Volta</p>
                <p class="landing-small">
                  We've tuned the platform to be more energy efficient and
                  to give you more control over resource usage.
                </p>
                <p class="landing-small">
                  <a href="/preview/api-overview#multimedia.html">Learn more</a>
                </p>
              </div>
            </div>
              <p>See the <a href="{@docRoot}preview/api-overview.html">API overview</a> for more information
              on the rest of the new and updated features.</p>
          </div>
        </div> <!-- end .wrap -->
      </div> <!-- end .landing-section -->



      <div class="landing-section landing-gray-background">
        <div class="wrap">
          <div class="landing-section-header">
            <div class="landing-h1">Get Your Apps Ready</div>
            <div class="landing-subhead">
              <p>We're giving you an early look at the SDK, so you can test your apps and build in new features.</p>
            </div>
          </div>
          <div class="landing-body">
             <p>You'll get the system images for the Nexus 5, Nexus 7 (v2),
             and the emulator to take the new platform for a spin. In addition, you'll have
             access to all the APIs with a preview build of the SDK.
            </p>

            <p>Check out the getting started, developer guides, and reference documentation
            for all the information you need to get up and running.</p>

            <a href="/preview/setup-sdk.html" class="landing-button landing-secondary" style="margin-top: 20px;">
              Get Started
            </a>
          </div>
        </div>
      </div>
    <div class="landing-section">
        <div class="wrap">
          <div class="cols">
            <div class="landing-body">
              <div class="col-3-wide">
                  <a target="_blank" href="http://submit-bugs!">
                    <img class="landing-social-image" src="{@docRoot}preview/images/bugs.png" alt="">
                  </a>
                <div class="landing-social-copy">
                  <p>Submit Bugs</p>
                  <p class="landing-small">
                  Let us know when you encounter problems, so we can fix them and make
                  the platform better for you and your users.
                    </p><p class="landing-small">
                      <a target="_blank" href="http://submit-bugs!">
                      Submit Bugs</a>
                    </p>
                  <p></p>
                </div>
              </div>
              <div class="col-3-wide">
                <a target="_blank" href="http://plus.google.com">
                  <img class="landing-social-image" src="//www.google.com/images/icons/product/gplus-128.png" alt="">
                </a>
                <div class="landing-social-copy">
                  <p>Discuss on Google+ </p>
                  <p class="landing-small">
                    Join the community of Android developers testing out the L Developer Preview and
                    share your thoughts and experiences.
                  </p><p class="landing-small">
                    <a target="_blank" href="http://plus.google.com">
                    Socialize on Google+</a>
                    </p>
                </div>
              </div>
              <div class="col-3-wide">
                <a target="_blank" href="{@docRoot}preview/release-notes.html">
                  <img class="landing-social-image" src="{@docRoot}preview/images/updates.png" alt="">
                </a>
                <div class="landing-social-copy">
                  <p>Get Updates</p>
                  <p class="landing-small">
                  Updates to the L Developer Preview are delivered
                  in the Android SDK Manager. Check back here
                  for news about the changes.
                  </p>
                  <p class="landing-small">
                    <a target="_blank" href="{@docRoot}preview/release-notes.html">See Release Notes</a>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div> <!-- end .wrap -->
      </div>

    <div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
      <div class="layout-content-col col-16" style="padding-top:4px">
        <style>#___plusone_0 {float:right !important;}</style>
        <div class="g-plusone" data-size="medium"></div>
      </div>
    </div>
    <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px;z-index:-1">
      <div id="copyright">
        Except as noted, this content is
        licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
        Creative Commons Attribution 2.5</a>. For details and
        restrictions, see the <a href="/license.html">Content
        License</a>.
      </div>
    </div>


  </div> <!-- end landing-body-content -->

  <script>
  $("a.landing-down-arrow").on("click", function(e) {
    $("body").animate({
      scrollTop: $(".preview-hero").height() + 76
    }, 1000, "easeOutQuint");
    e.preventDefault();
  });
  </script>