docs/html/index.jd

   1 fullpage=true
   2 no_footer_links=true
   3 carousel=true
   4 page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
   5 @jd:body
   6 <div id="butterbar-wrapper" >
   7   <div id="butterbar" >
   8     <div id="butterbar-message">
   9 <a target="_blank" href="https://docs.google.com/a/google.com/forms/d/1EHLPGqhbxj2HungHRRN4_0K9TGpc-Izy-u46vBDgS8Q/viewform">
  10       Take the Android Developer Survey</a>
  11     </div>
  12   </div>
  13 </div>
  14
  15
  16 <div class="wrap">
  17     <!-- Slideshow -->
  18     <div class="slideshow-container slideshow-home col-16">
  19         <a href="" class="slideshow-prev">Prev</a>
  20         <a href="" class="slideshow-next">Next</a>
  21         <div class="frame">
  22             <ul>
  23                 <li class="item carousel-home">
  24                     <div class="content-left col-11" style="padding-top:10px;">
  25                         <a href="{@docRoot}channels/io2013.html">
  26                           <img src="{@docRoot}images/home/io-videos-2013.png" style="margin:60px 0 0;
  27                           box-shadow: 3px 10px 18px 1px #999;">
  28                         </a>
  29                     </div>
  30                     <div class="content-right col-4">
  31                     <h1>Watch the Android talks from Google I/O</h1>
  32                     <p>If you weren't able to attend Google I/O in person or couldn't make it
  33                     to all the talks, you can catch up on the action
  34                     with all the recordings, brought to you by
  35                     <a href="http://developers.google.com/live">Google Developers Live</a>.</p>
  36                     <p><a href="{@docRoot}channels/io2013.html" class="button"
  37                     >See the Android talks</a></p>
  38                     </div>
  39                 </li>
  40
  41
  42
  43                 <li class="item carousel-home">
  44                     <div class="content-left col-11" style="padding-top:65px;">
  45                       <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  46                       <div style="box-shadow: 3px 10px 18px 1px #999;width:600px;height:338px">
  47                         <div id="ytapiplayer">
  48                           You need Flash player 8+ and JavaScript enabled to view this video.
  49                         </div>
  50                         <script type="text/javascript">
  51                             var params = { allowScriptAccess: "always" };
  52                             var atts = { id: "ytapiplayer" };
  53                             swfobject.embedSWF("//www.youtube.com/v/O8i4HUw7JYA?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1",
  54                               "ytapiplayer", "600", "338", "8", null, null, params, atts);
  55
  56                             // Callback used to pause/resume carousel based on video state
  57                             function onytplayerStateChange(newState) {
  58                                var isPaused = $("#pauseButton").hasClass("paused");
  59                                if ((newState == 1) || (newState == 3)) {
  60                                // if playing or buffering, pause the carousel
  61                                  if (!isPaused) {
  62                                     $("#pauseButton").click();
  63                                  }
  64                                } else {
  65                                // otherwise, make sure carousel is running
  66                                  if (isPaused) {
  67                                     $("#pauseButton").click();
  68                                  }
  69                                }
  70                             }
  71
  72                             // Callback received when YouTube player loads to setup callback (above)
  73                             function onYouTubePlayerReady(playerId) {
  74                               var ytplayer = document.getElementById("ytapiplayer");
  75                               ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
  76                             }
  77
  78                         </script>
  79                       </div>
  80                     </div>
  81                     <div class="content-right col-4">
  82                     <h1 style="white-space:nowrap;line-height:1.2em;">Developer Story: <br />redBus.in</h1>
  83                     <p>Bangalore-based developers redBus.in talk about how Android is helping them deliver a superior booking and travel experience to millions of daily bus riders in India.</p>
  84                     </div>
  85                 </li>
  86                 <li class="item carousel-home">
  87                     <div class="content-left col-9">
  88                         <a href="{@docRoot}about/versions/jelly-bean.html"><img src="{@docRoot}images/home/android-jellybean.png" ></a>
  89                     </div>
  90                     <div class="content-right col-6">
  91                     <h1>Android 4.2 Jelly Bean!</h1>
  92                     <p>The latest version of Jelly Bean is here, with performance optimizations, a refreshed UI, and great new features for developers. </p>
  93                     <p>Android 4.2 includes APIs for developing lock sceen widgets and Daydream screensavers, using external displays, creating RTL layouts, building flexible UI with nested Fragments, and much more.</p>
  94                     <p><a href="{@docRoot}about/versions/jelly-bean.html" class="button">Learn More</a></p>
  95                     </div>
  96                 </li>
  97                 <li class="item carousel-home">
  98                     <div class="content-left col-10">
  99                         <img src="{@docRoot}images/home/design.png" style="margin-top:30px">
 100                     </div>
 101                     <div class="content-right col-5">
 102                     <h1>Make your Android apps<br>look great</h1>
 103                     <p>New templates in the design guide make it easier than ever to design apps
 104 that are beautiful and easy to use.</p>
 105                     <p><a href="{@docRoot}design/index.html" class="button">Learn More</a></p>
 106                     </div>
 107                 </li>
 108                 <li class="item carousel-home">
 109                         <div class="content-left col-10">
 110                             <img src="{@docRoot}images/home/google-play.png"
 111                                   style="margin-top:50px">
 112                         </div>
 113                         <div class="content-right col-5">
 114                         <h1>Publish your apps<br>in Google Play</h1>
 115                         <p>The most visited store in the world for Android apps. Cloud-connected and always synced, it's never been easier for users to find and download your apps.</p>
 116
 117                         <p><a href="{@docRoot}distribute/index.html" class="button">Learn More</a></p>
 118                         </div>
 119                 </li>
 120             </ul>
 121         </div>
 122     </div>
 123     <!-- /End slideshow -->
 124
 125     <a href="" id="pauseButton" style="display:none">pause</a>
 126
 127
 128 </div>
 129 <div class="wrap" style="padding-bottom:20px">
 130     <!-- Section links -->
 131     <div class="home-sections">
 132         <ul>
 133             <li><a href="{@docRoot}about/index.html">About Android</a></li>
 134             <li><a href="{@docRoot}sdk/index.html">Get the SDK</a></li>
 135             <li><a href="http://source.android.com">Open Source</a></li>
 136             <li><a href="{@docRoot}support.html">Support</a></li>
 137             <li class="last"><a href="{@docRoot}legal.html">Legal</a></li>
 138         </ul>
 139     </div>
 140     <!-- /Section links -->
 141 </div>