This repository has been archived by the owner on Jan 9, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 51
/
index.html
292 lines (254 loc) · 12.4 KB
/
index.html
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html lang="en" dir="ltr" class="client-nojs">
<head>
<meta charset="UTF-8">
<title>Your Web, documented. · WebPlatform.org</title>
<link rel="icon" type="image/png" href="/logo/logo_stroke.png">
<link rel="apple-touch-icon" type="image/png" href="/logo/wplogo_nocopy.png">
<link rel="shortcut icon" type="image/png" href="/logo/logo_stroke.png" />
<link rel="stylesheet" href="/assets/css/landing.css" /><link rel="stylesheet" href="/assets/css/transition.css" />
<link rel="copyright" href="/docs/Contributor_Agreement/index.html" />
<meta name="viewport" content="width=device-width">
<meta name="generator" content="DocPad v6.78.6" />
<!--[if lt IE 7]><script src="/assets/bower_components/ie7-js/lib/IE7.js"></script><![endif]-->
<!--[if lt IE 8]><script src="/assets/bower_components/ie7-js/lib/IE8.js"></script><![endif]-->
<!--[if lt IE 9]><script src="/assets/bower_components/ie7-js/lib/IE9.js"></script><![endif]-->
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script><![endif]-->
<!--[if lt IE 8]><link rel="stylesheet" href="/assets/css/ie7.css"><![endif]-->
</head>
<body class="ltr sitedir-ltr">
<style>
/* Temporary fixes, SASS workspace not ready, and specifity wars :( */
footer[role=contentinfo] { padding-bottom:80px; }
footer[role=contentinfo] #footer-wordmark span { display:inline; }
footer[role=contentinfo] #footer-wordmark a { display:block; }
footer[role="contentinfo"] ul.stewards { max-width: 800px !important; }
@media screen and (min-width: 600px){ footer[role=contentinfo] #footer-title span { display:inline;} }
</style>
<!-- WebPlatform -->
<header role="banner">
<div id="mw-head" class="noprint">
<div class="container">
</div>
</div>
<div class="subheader">
<h1><img src="/logo/logo-with-text.png" alt="WebPlatform.org" /></h1>
<nav role="navigation">
<ul>
<li><a href="/docs/Main_Page/index.html">The Docs</a></li>
</ul>
<ul>
<li><a href="/docs/WPD/Community/index.html">Connect</a></li>
<li><a href="/docs/WPD/Contributors_Guide/index.html">Contribute</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>
</div>
<div class="notice" style="position: relative; width: 90%; max-width: 950px; margin: auto; ">
<div style="margin: 10px auto; padding: 10px; border-radius: 4px; background-color: rgb(249, 247, 243); box-shadow: 0px 0px 1px rgb(167, 169, 172);">
<strong>Notice:</strong> The WebPlatform project, supported by various stewards between 2012 and 2015, has been <b>discontinued</b>. This site is now available on <a href="https://github.com/webplatform/webplatform.github.io/">github</a>. New documentation can be found at <a href="https://developer.mozilla.org">MDN Web Docs</a>.
</div>
</div>
</header>
<!-- WebPlatform -->
<main role="main">
<section class="container">
<div class="intro">
<h1>Your Web, Documented.</h1>
<p>The latest information on how to use the technology that runs the web — HTML,
CSS, JavaScript and more.</p>
<p>WebPlatform.org is a work in progress. We could use your help in making it better.
<a href="#join-us">Join us.</a>
</p>
</div>
<div class="video" id="wpd-intro" style="cursor:pointer;background:url(/assets/wpd-intro.png) 50% 50% no-repeat;">
<div class="video-inner" data-youtube-id="Ug6XAw6hzaw"></div>
</div>
<div class="coalition">
<h2>Created by a powerhouse coalition. And you.</h2>
<p>Between 2012 and 2015, <a href="/stewards">Web Platform stewards</a> —
Adobe, Apple, Facebook, Google, HP, Intel, Microsoft, Mozilla, Nokia, and Opera – collaborated with W3C on the Web Platform project.
A collaboration between those who make the specs, those who build the browsers,
and developers from all over the world. <a href="#join-us">Wanna join us?</a>
</p>
</div>
<div class="opensource">
<h2>Open. Free. Crowdsourced.</h2>
<p>The web exists because of the open generosity of those who invented it. We share
those principles: that by coming together and collaborating, we can make something
great for the world to use for free. Web Platform is not run by a single corporation,
or a single person. It’s by and for us all. Anyone is welcome to help write and
edit the documents. <a href="#join-us">Join the effort.</a>
</p>
</div>
<div class="creativecommons">
<h2>Creative Commons.</h2>
<p>You can reuse the content on this site, for any purpose — commercial or not —
as long as you <a href="/docs/WPD/License_and_Reuse">provide attribution.</a>
</p>
</div>
</section>
<section class="docs">
<div class="container">
<h1>The Docs</h1>
<div class="ready-to-use">
<h3>Ready To Use</h3>
<ul>
<li><a href="/docs/concepts/Pointer_Events/">Pointer Events</a>
</li>
</ul>
</div>
<div class="almost-ready">
<h3>Almost Ready</h3>
<ul>
<li><a href="/docs/css/">CSS</a>
</li>
<li><p class="properties-list">
<a href="/docs/css/properties">properties</a>,
<a href="/docs/css/selectors">selectors</a>,
<a href="/docs/css/functions">functions</a>,
<a href="/docs/css/atrules">at-rules</a>,
<a href="/docs/css/mediaqueries">media queries</a></p>
</li>
</ul>
</div>
<div class="in-progress">
<h3>In Progress</h3>
<ul>
<li><a href="/docs/javascript">JavaScript</a>
</li>
<li><a href="/docs/apis">APIs</a>
<ul>
<li><a href="/docs/html/elements/canvas/">Canvas</a></li>
<li><a href="/docs/apis/file">File API</a></li>
<li><a href="/docs/apis/indexeddb">IndexedDB</a></li>
<li>Appcache</li>
<li>Geolocation</li>
<li>Navigation timing</li>
<li>Performance timing</li>
<li>User timing</li>
<li>Web socket</li>
<li>Webworkers</li>
<li>XMLHttpRequest</li>
</ul>
</li>
<li>ARIA</li>
</ul>
</div>
<div class="not-ready">
<h3>Not Ready</h3>
<ul>
<li><a href="/docs/html">HTML</a></li>
<li><a href="/docs/concepts/accessibility">Accessibility</a></li>
<li><a href="/docs/dom">DOM</a></li>
<li><a href="/docs/svg">SVG</a></li>
<li><a href="/docs/webgl">WebGL</a></li>
</ul>
</div>
</div>
</section>
<section class="container" id="join-us">
<div class="help-us">
<h1>Share Your Knowledge.</h1>
<h2>Make the Docs better.</h2>
<p>Volunteers create Web Platform Docs. You can help by fixing errors,
rewriting drafts, or contributing new content. Even the slightest effort can
have a big impact. You can help us make this documentation better.</p>
</div>
<div class="current-push">
<h1>Current Push: JavaScript.</h1>
<span><p>Anyone is welcome to propose improvements of any kind at any time. If you have an idea, jump in! That said, we have teams focusing on specific sections of the site together to gain momentum and get that section done. Right now, the team effort is focused on JavaScript.</p>
<p>We just finished importing a rough beginning of JavaScript docs, and started a big push to rewrite & approve each of the 360 pages. If you know JavaScript, we could really use your help. Join us by taking the following three steps.</p></span>
</div>
<div class="how-to">
<div class="step1">
<h2>Step 1: Get an Account.</h2>
<p>Anyone is welcome to make changes to the pages on <a href="/docs/Main_Page/index.html">the <em>docs</em> pages</a>.
First, clone the <a href="https://github.com/webplatform/docs"><em>docs</em> GitHub repository</a> using <em>Git</em>.
To push your changes, you'll have to have a GitHub account, fork a repository, and make a Pull-Request.</p>
</div>
<div class="step2">
<h2>Step 2: Make a Change.</h2>
<p>Do you see a mistake on a page that needs to be fixed? Something that <strike>can</strike> could
be written better? Information that's inaccurate or old? Well, jump in — go
ahead and change the page. Really. Just fix it. We need lots of people contributing
more than we need perfection.</p>
<p>You can make mistakes there without hurting anything.</p>
<p>Web Platform Docs currently uses <em>Markdown</em> and <em>Git</em> as source MediaWiki, the same software that drives Wikipedia.
If you are trying to format something, this <a href="https://daringfireball.net/projects/markdown/syntax">syntax cheat sheet</a> might
be helpful.</p>
</div>
<div class="step3">
<h2>Step 3: Join the conversation.</h2>
<p>Next, join the conversation in GitHub; raise, file issues.</p>
<p>You can also read the frozen archives of
<a
href="http://lists.w3.org/Archives/Public/public-webplatform">public-webplatform</a>.</p>
</div>
</div>
<div class="now-what">
<h1>Now what?</h1>
<!--
<h2>Keep Up With the Latest.</h2>
<ul>
<li>Read <a href="/blog/">our blog</a>.</li>
<li>Follow <a href="https://twitter.com/webplatform">@webplatform</a> on Twitter.</li>
<li>Like our <a href="https://www.facebook.com/WebPlatformDocs">Facebook Page</a>.</li>
<li>Follow us on <a href="https://plus.google.com/u/0/114879255563551049641/">Google+</a>.</li>
</ul>
<h2>Write with the Web Platform Wednesdays crew.</h2>
<p>“Web Platform Wednesdays” is an effort to organize who’s doing what over the next
week. This small group focuses together on editing one particular section of
the site, to gain momentum and get that section done. If you'd like to be involved,
email the group and volunteer.</p>
-->
<h2>Attend (or Host) a Doc Sprint.</h2>
<p>A great way to join the effort is to attend a doc sprint. Organized by different
people around the world, a WebPlatform doc sprint gathers a group of people
in one room, face-to-face, to spend the day writing documentation. The sprint
organizers can help you get setup, walk you through the process, and show you
where to start.</p>
<p>If you are interested in organizing a doc sprint in your area, set one up and advertize!.</p>
<h2>Create Something New.</h2>
<p>Please, do, if you have an idea for a new section on the site, or you know a web standard
specification that needs to be documented, or want to add a new tutorial. Or
if you want to add one page to the site.</p>
<h2>Learn More About WebPlatform.org.</h2>
<ul>
<li><a href="https://developers.google.com/live/shows/ahNzfmdvb2dsZS1kZXZlbG9wZXJzcg4LEgVFdmVudBiomqIEDA">Google Developers: Introducing Web Platform Docs</a> —
30 min video</li>
<li><a href="http://5by5.tv/webahead/50">The Web Ahead: Web Platform Docs</a> — 1
hour interview</li>
<li><a href="/docs/WPD/Policy/">About Web Platform Docs, Policies and more</a>
</li>
</ul>
</div>
</section>
</main>
<script>
function makeYouTubeElement(videoId) {
var elem = document.createElement('iframe');
elem.src = '//youtube.com/embed/'+videoId+'?autoplay=1';
elem.allowfullscreen = true;
elem.style.border = 0;
return elem;
}
/* Its the only video we want to load on the site anyway */
document.getElementById('wpd-intro')
.addEventListener('click',
function(evt){
var videoId = (!!evt.target.dataset)?evt.target.dataset.youtubeId:evt.target.getAttribute('data-youtube-id');
evt.target.appendChild(makeYouTubeElement(videoId));
}
);
</script>
<!-- <%= @site.name %> -->
<footer role="contentinfo" id="mw-footer" data-comment="footer-homepage">
<div class="container">
<div id="footer-wordmark">
<a href="/"><span id="footer-title">WebPlatform<span id="footer-title-light">.org</span></span></a>
</div>
</div>
</footer>
</body>
</html>