-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
385 lines (385 loc) · 17.5 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
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Javascript: Unofficial Room Rules</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Unofficial room rules for SO Javascript Chat.">
<meta name="author" content="Community">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
</head>
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">Javascript Room: Unofficial Rules.</a>
<div class="nav-collapse" id="main-menu">
<ul class="nav" id="main-menu-left">
<li><a href="http://chat.stackoverflow.com/rooms/17/javascript">Chat</a></li>
<li><a id="swatch-link" href="#">Gallery</a></li>
<li class="dropdown" id="preview-menu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Editors <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a target="_blank" href="#">Nothing to see here.</a></li>
<!-- Basically this dropdown menu is just going to be a grab bag of good editors -->
</ul>
</li>
</ul>
<ul class="nav pull-right" id="main-menu-right">
<li><a rel="tooltip" target="_blank" href="http://stackoverflow.com/" title="Main Site: Stackoverflow.com">StackOverflow.com <i class="icon-share-alt"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<div class="row">
<div class="span6">
<h1>Javascript Room</h1>
<p class="lead">
Unofficial Rules and Guidelines.
</p>
</div>
<div class="span6">
<img class="span2 pull-right" style="margin: 1em;" src="assets/images/angry_unicorn.png" title="Javascript Mascot"/>
</div>
</div>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#basics">Basics</a></li>
<li><a href="#etiquette">Etiquette</a></li>
<li><a href="#asking">Asking for Help</a></li>
<li><a href="#links">Useful links</a></li>
<li><a href="#resources">Javascript Resources</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</div>
</header>
<!-- Basics
================================================== -->
<hr id="basics">
<section>
<div class="page-header">
<h1>Basics</h1>
</div>
<div class="row">
<div class="span6">
<ul>
<li>Do not spam. This is a fairly simple rule, do not repost questions because you did not get an answer right away. It was likely we read it and just didn't care. Tough luck. There are times when the room gets carried away with images or oneboxes, but this is no excuse to make a habbit of it.</li>
<li>Do not Help Vampire... Seriously, we all have to learn this shit and you should too! Don't expect us to write your code for you unless you are willing to shell out a bit of dough. For more details see <a href="#">Asking for Help</a>.</li>
<li>If you are going to post code, please learn how to properly format it. The chat formatting is pretty simple and a quick visit to our <a href="#">FAQ</a> should clear some things up for you. <em>Be Warned! Unformatted code will likely be binned.</em></li>
<li>Generally we like to be respectful. This does not mean we cannot disagree or have a constructive argument, but name calling and offensive behaviour will not be tolorated.</li>
</ul>
</div>
<div class="span6">
<ul>
<li>If you want to play with the <a href="#">ChatBot</a> please do so in the <a href="#">Sandbox</a> room. Don't flood the Javascript room learning commands or trying to hack hangman.</li>
<li>There is no need to ask to ask a question. For more details see <a href="#">Asking for Help</a>.</li>
<li>The room title is Javascript, which only implies we all have some interest in the language. That does not strictly limit the topic of conversation to Javascript, and often it is not about Javascript. Please do not inturrupt and complain about this, if you have a comment about the language toss it in and if someone is interested they will stop and help.</li>
<li>THE GAME!</li>
</ul>
</div>
</div>
</section>
<!-- Etiquette
================================================== -->
<hr id="etiquette">
<section>
<div class="page-header">
<h1>Etiquette</h1>
</div>
<div class="row">
<p>
This is a very simple guideline for everyone to follow. We are all adults and come from different walks of life, we will not always see eye to eye on political or religious topics... However this is also the internet and these topics do come up from time to time. Please be respectful when discussing them and be prepared to cease discussion if someone asks you to. I am not for censorship but there is a proper forum for this type of discussion and in the case of someone being offended by it that forum should then be used in lieu of this one.
</p>
<p>
Some people see languages as religions, this cannot be avoided. We all hate Java but we shouldn't lynch the people who write it. CoffeeScript might not be your cup of joe, so if someone is soliciting help in it, just ignore the conversation. Please use common sense while chatting in the room. We don't want to flag people but we will.
</p>
<p>
Swearing is tolorated so long as 1) you are not using it to insult another user. 2) you are not throwing around curse words like a 10 year old at summer camp. We understand emphasis and frustration can result in a fuck or two, but just try not to get out of hand.
</p>
<p>
Animated gifs are fun, and often entertaining and we all (mostly) enjoy them... at first. There is a timeout on editing posts, please take note of how long said timeout is and "un-onebox" the gif before it is too late. People like to enjoy the gif once, maybe twice, but over and over until the conversation pushes it off screen is annoying.
</p>
<p>
You may have already noticed there is a ChatBot in the room (often), and you can make him say or do evil things. Please do not abuse the Bot unless you really, really, REALLY must. If you make the bot say something stupid of offensive then we will flag you not the bot. I cannot re-enforce this enough: Please use common sense while chatting.
</p>
</div>
</section>
<!-- Asking for Help
================================================== -->
<hr id="asking">
<section id="asking">
<div class="page-header">
<h1>Asking for Help</h1>
</div>
<div class="row">
<div class="span6">
<ul>
<li id="asking-1"><strong>Are you a help Vampire?</strong>
<ol>
<li>Do you get more code from StackOverflow than you write on your own?</li>
<li>Do you feel entitled to help from StackOverflow users?</li>
<li>Do you believe in the philosophy "Just use jQuery"?</li>
<li>Do you spend more time looking for the right "plugin" than you likely would writing it on your own?</li>
</ol>
<br>
<p>
If you answered "Yes" to any of these questions, there is a good chance you are a Help Vampire. Sorry.
</p>
</li>
<li id="asking-2"><strong>10 simple steps to not being a Help Vampire.</strong>
<ol>
<li>Show effort: We really like to see that you are trying to achieve your goals on your own first.</li>
<li>Be ready to be wrong: Often we suggest you take a new approach.</li>
<li>Don't ask for help <strong>before</strong> doing the research yourself: If my google search returns your answer in the first three links, you are doing it wrong.</li>
<li>When given resources to learn, use them. We do not like repeating ourselves.</li>
<li>Do not beg for help: If you have asked once and we ignore you then move on.</li>
<li>Contribute to the community: We like to help people who also like to help people, it's pretty simple.</li>
<li>Don't ask for code: Pseudo code is more than helpful and will set you on your way.</li>
<li>Ask for help finding the answer, do not ask for the answer: we are not here to do your work.</li>
<li>Be polite: We are helping you, no need to be rude.</li>
<li>Crack a joke or two: who doesn't like to laugh.</li>
</ol>
</li>
<li id="asking-3"><strong>How to format your code.</strong>
<p>
Formatting your code is very simple, and so long as you can remember two rules you will be a code formatting master in no time.
</p>
<ol>
<li>Inline code needs to be wrapped in ``. Take for example this text "How would I parse `object.property`?", would turn into:<br>
How would I parse <code>object.property</code>? </li>
<li>If your text contains a hard line break (not a natual overflow) then inline formatting (``) will no longer work. <strong>YOU MUST AT THIS POINT USE FIXED FONT</strong>.<br>
To use Fixed Font you can either press CTRL+K or press the "Fixed Font" button on the right of the input.<br>
<em>Note: Fixed Font insets a tab before the text, this is the same as main site code formatting.</em>
</li>
</ol>
<br>
<p>
Tools have been made to help with text formatting in the chats. See <a href="#">Useful Links</a> for more information.
</p>
</li>
</ul>
</div>
<div class="span6">
<ul>
<li id="asking-4"><strong>When is it appropriate to use a paste service?</strong>
<p>
If you are thinking about pasting some code into the chat for review or discussion please use a paste service if the code is over 15 lines long. This is not a hard rule, but it is just a nice thing to do. Always remember formatting when posting code, even in paste services.
</p>
<p>
For a list of paste servies see See <a href="#">Useful Links</a>.
</p>
</li>
<li id="asking-5"><strong>How to link questions from the main site?</strong>
<p>
Links to main site questions on any StackExchange site will onebox in the chat. So, if you would like to post a link to your question please post it by itself, not additional text (in that post). This way we can see the onebox and get a little more information at a glance, it will also help your chances of having the question viewed.
</p>
<p>
Please don't spam links to your question. Most regulars will browse the transcript if they have missed a bit of time, this is when your question will be seen. The active people in the room don't need to see it posted 4 times with the question, "Anyone?".
</p>
</li>
<li id="asking-6"><strong>Don't ask to ask questions!</strong>
<p>
This has to be the biggest annoyance for any room owner or regular. We are on a Question and Answer site; so yea, I'm pretty sure it's ok for you to ask a question here.
</p>
<p>
Keep in mind that asking to ask a question will invoke snarky remarks and will hinder your questions chances of being answered. So once again, just ask your damn question!
</p>
</li>
</ul>
</div>
</div>
</section>
<!-- Useful Links
================================================== -->
<hr id="links">
<section>
<div class="page-header">
<h1>Useful Links</h1>
</div>
<ul class="thumbnails">
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://jsfiddle.net" target="_blank">jsFiddle.net</a>
<p>
jsFiddle.net is a Javascript/HTML/CSS prototyping service. It is often helpful for allowing users access to live code. This is a free service.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://codepen.io" target="_blank">CodePen.io</a>
<p>
Another prototyping service with a few twists. This is a great place to show off your latest experiment. Links to GitHub. This is a free service.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://nodejs.org/" target="_blank">Node.js</a>
<p>
Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. <a href="http://nodejs.org/api/" target="_blank">Please read the API Docs</a>.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="https://developer.mozilla.org/en-US/" target="_blank">Mozilla Developer Network</a>
<p>
An open community of developers building resources for a better web, regardless of brand, browser or platform..
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://es5.github.com/" target="_blank">Annotated ECMAScript 5.1</a>
<p>
This is an annotated, hyperlinked, HTML version of Edition 5.1 of the ECMAScript Specification. Very Helpful!
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://caniuse.com/" target="_blank">caniuse.com</a>
<p>
Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://subtlepatterns.com/" target="_blank">Subtle Patterns</a>
<p>
Subtle Patterns is created and curated by <a href="http://www.atlemo.com/" target="_blank">Atle Mo</a>. It is a high quality resource for anyone in need of tilable textured patterns, free to use.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://twitter.github.com/bootstrap/" target="_blank">Bootstrap</a>
<p>
Sleek, intuitive, and powerful front-end framework for faster and easier web development. <a href="http://lesscss.org/" target="_blank">LESS</a> customization is required for optimal results.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://api.jquery.com/" target="_blank">jQuery API Docs</a>
<p>
Too often is this the solution to your problem. RTFD. Don't expect people to google for you.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://recoding.blogspot.ca/" target="_blank">Recoding Blog</a>
<p>
Recoding is an informative blog from a young programmer who is active on StackOverflow. He shares some good experiences and insights.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://stackapps.com/questions/3161/chat-easy-input-tools-provides-keyboard-shortcuts-for-common-text-formatting-c" target="_blank">Chat Easy Input Tools</a>
<p>
Userscript that provides keyboard shortcuts for common text formatting commands, reducing the dependency on mouse usage.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="https://github.com/Zirak/SO-ChatBot/wiki/Interacting-with-the-bot" target="_blank">Interacting with the bot</a>
<p>
A comprehensive guide to interacting with the SO ChatBot.<br>
- by <a href="https://github.com/Zirak" target="_blank">Zirak</a>.
</p>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a class="link-title" href="http://www.webplatform.org/" target="_blank">Web Platform</a>
<p>
Open community of developers building resources for a better web, regardless of brand, browser or platform.
Anyone can contribute and each person who does makes us stronger.
Sponsored by the W3C, Adobe, Facebook, Google, HP, Intel, Microsoft, Nokia, Mozilla and Opera.
</p>
</div>
</li>
</ul>
</section>
<!-- Javascript Resources
================================================== -->
<hr id="resources">
<section>
<div class="page-header">
<h1>Javascript Resources</h1>
</div>
<!-- mdn -->
<!-- annotated es5 -->
<!-- the main purpose for this section to be seperate from the useful links is that I would like to focus this section on "Learning Javascript" and not just cool little snippets or links -->
<!-- codeacademy -->
<!-- eloquent js -->
<!-- javascript garden -->
<!-- stuff like this -->
</section>
<!-- FAQ
================================================== -->
<hr id="faq">
<section>
<div class="page-header">
<h1>Frequently Asked Questions</h1>
</div>
<!-- Just a collection of often asked questions -->
</section>
<hr>
<br>
<br>
<br>
<br>
<!-- Footer
================================================== -->
<hr>
<footer id="footer">
<p class="pull-right">
<a href="#">Back to top</a>
</p>
<div class="links">
<!-- this section I figure all of the contributors could link back to their github / blogs / home pages -->
<a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>
<a href="#">link 5</a>
<a href="#">link 6</a>
<a href="#">link 7</a>
<a href="#">link 8</a>
</div>
This site is maintained by rlemon and anyone else who wishes to contribute. We do not represent StackOverflow in any way, and these rules are 100% unofficial. Please follow them at your own discretion.
</p>
</footer>
</div>
<!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/application.js"></script>
</body>
</html>