1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
fullpage=true
no_footer_links=true
carousel=true
page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
@jd:body
<div class="wrap">
<!-- Slideshow -->
<div class="slideshow-container slideshow-home col-16">
<a href="" class="slideshow-prev">Prev</a>
<a href="" class="slideshow-next">Next</a>
<div class="frame">
<ul>
<li class="item carousel-home">
<div class="content-left col-9">
<a href="{@docRoot}about/versions/jelly-bean.html"><img src="{@docRoot}images/home/android-jellybean.png" ></a>
</div>
<div class="content-right col-6">
<h1>A Sweeter Jelly Bean!</h1>
<p>Android 4.3 is now available with a variety of performance improvements
and new features. </p>
<p>For developers, the new platform adds support for <span style="white-space:nowrap;">OpenGL ES 3.0</span>,
connectivity with Bluetooth Smart devices and sensors, support for restricted profiles, a modular DRM framework,
new profiling tools, and more.</p>
<p><a href="{@docRoot}about/versions/jelly-bean.html" class="button">Learn More</a></p>
</div>
</li>
<li class="item carousel-home">
<div class="content-left col-11" style="padding-top:65px;">
<script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div style="box-shadow: 3px 10px 18px 1px #999;width:600px;height:336px">
<div id="ytapiplayer">
<a href="http://www.youtube.com/watch?v=CbpoZeQCNe4"><img width=600 src="{@docRoot}images/video-Colopl.png"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
</div>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "ytapiplayer" };
swfobject.embedSWF("//www.youtube.com/v/CbpoZeQCNe4?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1",
"ytapiplayer", "600", "336", "8", null, null, params, atts);
// Callback used to pause/resume carousel based on video state
function onytplayerStateChange(newState) {
var isPaused = $("#pauseButton").hasClass("paused");
if ((newState == 1) || (newState == 3)) {
// if playing or buffering, pause the carousel
if (!isPaused) {
$("#pauseButton").click();
}
} else {
// otherwise, make sure carousel is running
if (isPaused) {
$("#pauseButton").click();
}
}
}
// Callback received when YouTube player loads to setup callback (above)
function onYouTubePlayerReady(playerId) {
var ytplayer = document.getElementById("ytapiplayer");
ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}
</script>
</div>
</div>
<div class="content-right col-4">
<h1 style="white-space:nowrap;line-height:1.2em;">Developer Story: <br />Colopl</h1>
<p>The creators of Kuma The Bear, Japan-based Colopl, talk about how Google Play and Android allowed them to grow their business to become one of the most profitable games publishers in APAC to date. </p>
</div>
</li>
<li class="item carousel-home">
<div class="content-left col-11" style="padding-top:10px;">
<a href="{@docRoot}channels/io2013.html">
<img src="{@docRoot}images/home/io-videos-2013.png" style="margin:60px 0 0;
box-shadow: 3px 10px 18px 1px #999;">
</a>
</div>
<div class="content-right col-4">
<h1>Watch the Android talks from Google I/O</h1>
<p>If you weren't able to attend Google I/O in person or couldn't make it
to all the talks, you can catch up on the action
with all the recordings, brought to you by
<a href="http://developers.google.com/live">Google Developers Live</a>.</p>
<p><a href="{@docRoot}channels/io2013.html" class="button"
>See the Android talks</a></p>
</div>
</li>
<li class="item carousel-home">
<div class="content-left col-10">
<img src="{@docRoot}images/home/design.png" style="margin-top:30px">
</div>
<div class="content-right col-5">
<h1>Make your Android apps<br>look great</h1>
<p>New templates in the design guide make it easier than ever to design apps
that are beautiful and easy to use.</p>
<p><a href="{@docRoot}design/index.html" class="button">Learn More</a></p>
</div>
</li>
<li class="item carousel-home">
<div class="content-left col-10">
<img src="{@docRoot}images/home/google-play.png"
style="margin-top:50px">
</div>
<div class="content-right col-5">
<h1>Publish your apps<br>in Google Play</h1>
<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>
<p><a href="{@docRoot}distribute/index.html" class="button">Learn More</a></p>
</div>
</li>
</ul>
</div>
</div>
<!-- /End slideshow -->
<a href="" id="pauseButton" style="display:none">pause</a>
</div>
<div class="wrap" style="padding-bottom:20px">
<!-- Section links -->
<div class="home-sections">
<ul>
<li><a href="{@docRoot}about/index.html">About Android</a></li>
<li><a href="{@docRoot}sdk/index.html">Get the SDK</a></li>
<li><a href="http://source.android.com">Open Source</a></li>
<li><a href="{@docRoot}support.html">Support</a></li>
<li class="last"><a href="{@docRoot}legal.html">Legal</a></li>
</ul>
</div>
<!-- /Section links -->
</div>
|
