Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 364 lines (324 sloc) 22.552 kb
e4ec169 @Wilto A work very much in progress.
Wilto authored
1 <!DOCTYPE html>
3e4e490 @Wilto Added FitText.js; started getting real content situated and styled.
Wilto authored
2 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 no-fontface" lang="en"> <![endif]-->
3 <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 no-fontface" lang="en"> <![endif]-->
4 <!--[if IE 8]> <html class="no-js lt-ie9 no-fontface" lang="en"> <![endif]-->
5 <!--[if gt IE 8]><!--> <html class="no-js no-fontface" lang="en"> <!--<![endif]-->
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
6 <head>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
7 <meta charset="utf-8" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
8
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
9 <title>Giving Back to Standards</title>
10 <meta name="description" content="What you can do as a front-end developer" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
11
a26c1e7 @necolas Remove tab indentation from index
necolas authored
12 <meta name="viewport" content="width=device-width,initial-scale=1" />
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
13
a26c1e7 @necolas Remove tab indentation from index
necolas authored
14 <link rel="stylesheet" href="css/basic.css" media="screen" id="basic-css" />
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored
15
a26c1e7 @necolas Remove tab indentation from index
necolas authored
16 <!-- Should be combined: -->
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
17 <link rel="stylesheet" href="css/style.css" media="only all">
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
18
a26c1e7 @necolas Remove tab indentation from index
necolas authored
19 <!-- Should be combined: -->
20 <script src="js/libs/modernizr.min.js"></script>
21 <script src="js/libs/respond.js"></script>
22 <script src="js/controller.js"></script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
23 </head>
24
25 <body>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
26 <header class="col-ab">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
27 <div class="lead">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
28 <h1 class="hed-lead">I’ve got my blue beanie on!</h1>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
29 <div class="subhed-lead">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
30 <p>Now what?</p>
31 <p>You love web standards. You want to give back to the community. Curious about where to start? <b>We're here to help.</b></p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
32 </div>
33 </div>
34 <div class="col-split">
35 <p>Whether you're just diving into web development, or you’ve been web-slinging since the days of tables and <code>font</code> tags, there are a number ways for you to give back. Below, we list some of the ways that anyone can contribute back to the web platform. Our goal is to make it easy for anyone to get started contributing to the platform, whether that's learning more how it works, teaching others, or writing specs. The web has grown due to people like you, and we want to make it even easier for people like you to give back.</p>
36 </div>
37 </header>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
38
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
39 <article class="section">
40 <div class="standout">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
41 <h1>Just getting started?</h1>
311f214 @connor formatting & copy
connor authored
42 <p class="subhed">OMG Welcome! Let's get you caught up to speed on how to push the web forward!</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
43 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
44
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
45 <section id="learn">
46 <div class="col-ab">
47 <h1>Learn</h1>
311f214 @connor formatting & copy
connor authored
48 <p>One of the most beautiful things about the web is that it's constantly changing. While these changes and improvements can be overwhelming, we're here to help you get caught up! Here are some great resources to walk you through how browsers work, and help keep you up to date on their improvements.</p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
49 <h2 id="how_do_i_keep_up_with_what8217s_landing_in_browsers">How do I keep up with what&#8217;s landing in browsers?</h2>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
50
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
51 <ul>
311f214 @connor formatting & copy
connor authored
52 <li><a href="http://updates.html5rocks.com/2011/10/Keeping-up-with-HTML5-and-browser-support">keeping up with HTML5 and browser support</a> - a great post about resources to keep up with all of these changing things.</li>
53 <li><a href="http://peter.sh/">Peter Beverloo&#8217;s Blog</a> - weekly updates of WebKit and Chrome</li>
54 <li><a href="https://developer.mozilla.org/En/Firefox_X_for_developers">Firefox X for developers</a> - articles that provide information about the new features introduced in different versions of Firefox</li>
55 <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a> - summaries of the whatwg activity</li>
56 <li><a href="http://www.w3.org/QA/archive/open_web/">w3c&#8217;s open web</a> - weekly updates about the Open Web Platform.</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
57 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
58
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
59 <h3 id="follow_them_on_twitter">Follow them on Twitter</h3>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
60
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
61 <ul>
311f214 @connor formatting & copy
connor authored
62 <li><a href="http://twitter.com/webkit">Webkit</a> - the open source web browser engine </li>
63 <li><a href="http://twitter.com/oDevRel">Opera dev relations</a> - shares links to their recent articles, blog entries, etc.</li>
64 <li><a href="http://twitter.com/ChromiumDev">Chrome developer relations</a> - tweets the latest news and announcements for developers.</li>
65 <li><a href="http://twitter.com/mozhacks">Mozilla hacks</a> - official Mozilla account for web developers. Learn about new web technologies, HTML5 apps, and Firefox features.</li>
66 <li><a href="http://twitter.com/ie">IE</a> - official Windows Internet Explorer Team account bringing you the latest dev tools and IE news</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
67 </ul>
68
69 <h2 id="how_do_i_understand_how_browsers_work">How do I understand how browsers work?</h2>
70
71 <ul>
311f214 @connor formatting & copy
connor authored
72 <li><a href="http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">How Browsers Work: Behind the Scenes of Modern Web Browsers</a> - in-depth look at how a browser works</li>
73 <li><a href="http://ontwik.com/javascript/txjs-2011-a9-alex-russell-life-of-a-button-element/?utm_source=feedburner&utm_medium=twitter&utm_campaign=Feed%3A+Ontwik+%28Ontwik%29">Life of a &lt;button> element (by Alex Russell)</a> - great talk about rendering layout and CSS</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
74 </ul>
75
76 <h2 id="other_learning_resources">Other learning resources</h2>
77
78 <ul>
311f214 @connor formatting & copy
connor authored
79 <li><a href="http://css-tricks.com">CSS-tricks</a> - provides a wealth of articles, tutorials, and downloads for the web design community.</li>
80 <li><a href="http://html5doctor.com">HTML5doctor</a> - a great resource for people wanting to learn about HTML5, its semantics, and how to implement it today!</li>
81 <li><a href="http://diveintohtml5.info/">Dive into HTML5</a> - takes an in depth look at a selection of HTML5 features.</li>
82 <li><a href="http://addyosmani.com/blog/">Addy Osmani&#8217;s blog</a> - tons of great articles for people who want to learn more about jQuery, JavaScript, HTML5, and CSS3.</li>
83 <li><a href="http://paulirish.com">Paul Irish&#8217;s blog</a> - all about helping you build cool websites and keeping you up to date on the latest news.</li>
84 <li><a href="http://paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/">Awesome RSS feeds to follow</a> - brought to you by Paul Irish</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
85 </ul>
86
87 <h2 id="reference_docs_wikis">Reference docs/wikis</h2>
88
89 <ul>
311f214 @connor formatting & copy
connor authored
90 <li><a href="https://developer.mozilla.org/en-US/">Mozilla&#8217;s MDN</a> - awesome documentation regarding HTML(5), CSS(3), JavaScript, the DOM, and more!
91 <ul>
92 <li>It&#8217;s also a great place to contribute! Read <a href="https://developer.mozilla.org/Project:en/How_to_Help">How to help</a> and learn how to <a href="https://developer.mozilla.org/Project:en/Getting_started">get started</a>.</li>
93 </ul>
94 <li><a href="http://instacss.com/">InstaCSS</a> - quick UI to access the CSS documentation from MDN.</li>
95 <li><a href="https://developer.mozilla.org/Writing_Forward_Compatible_Websites">Forward-compatible websites</a> - list of best practices for creating websites that won&#8217;t break when browsers are updated.</li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
96 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
97 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
98 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
99
100 <section id="explore">
101 <div class="col-ab">
102 <h1>Explore</h1>
311f214 @connor formatting & copy
connor authored
103 <p>Once you've picked up the basics, it's time to dive a bit deeper into the current (and future) state of web standards. </p>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
104 <ul>
105 <li>Explore new and old features. omg css2+3+4. also html2+4+5</li>
106 <li>Recent slide decks to source features from</li>
107 <li><a href="http://vimeo.com/32135328">Tab Atkins - The Future of CSS (Fronteers)</a></li>
108 <li>Alex Russell&#8217;s Fronteers talk / LondonJS slides</li>
109 <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a></li>
110 <li><a href="http://nimbu.in/w3conf/">Future of Layouts</a></li>
111 <li><a href="http://mezzoblue.com/presentations/2011/fowd/FOWD.pdf">The Future of CSS (FOWD)</a></li>
112 <li><a href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">Vendor prefixed css property overview</a></li>
113 </ul>
114 </div>
115 </section>
116
117
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
118 <section id="meetups">
119 <div class="col-ab">
120 <h1>Meet like-minded folks</h1>
121 <p>Attending local meetups and conferences is a great way to connect with other developers to learn, share resources, and bring new ideas and collaborations to life. Sites like <a href="#">Meetup.com</a> and <a href="Lanyrd.com">Lanyrd</a> can help you find events in your neighborhood.</p>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
122 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
123 </section>
124 <section id="askhelp">
125 <div class="col-ab">
126 <h1>Ask for help</h1>
127 <h2 id="answer_questions_and_participate_in_conversations_on_irc">Answer questions and participate in conversations on IRC</h2>
311f214 @connor formatting & copy
connor authored
128 <p><a href="http://richard.esplins.org/siwi/2011/07/08/getting-started-freenode-irc/">How to get started with freenode and irc</a></p>
129 <h2>Great freenode irc channels</h2>
130 <ul>
131 <li>#html5
132 <li>#css
133 <li>#javascript
134 <li>#whatwg
135 <li>#jquery
136 <li>#webkit
137 </ul>
138 <p id="mozilla_irc">Mozilla also has it's own IRC server: irc://irc.mozilla.org</p>
139 <h2>Awesome mozilla irc channels</h2>
140 <ul>
141 <li>#css
142 <li>#js
143 <li>#introduction
144 <li>#developers
145 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
146
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
147 <h2 id="how_to_ask_for_help">How to ask for help</h2>
148 <ol>
149 <li>You&#8217;ll probably want to <a href="http://css-tricks.com/13414-seriously-just-make-a-jsfiddle/">make a jsfiddle first</a>.</li>
150 <li><a href="http://css-tricks.com/6263-reduced-test-cases/">Create a reduced test case</a></li>
311f214 @connor formatting & copy
connor authored
151 <li>Remember: be specific!</li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
152 </ol>
153 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
154 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
155
311f214 @connor formatting & copy
connor authored
156 <section id="how_can_i_get_involved">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
157 <div class="col-ab">
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
158 <h2 class="subhed">How can I get involved?</h2>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
159
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
160 <ul class="tasks">
161 <li class="task" data-hashtag="#jquery">
162 <p>Curabitur gravida blandit quam, et venenatis libebro cursus vel. Integer mattis, enim in ultricies pharetra, nibh risus accumsan odio.</p>
163 </li>
164 <li class="task" data-hashtag="#javascript">
165 <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
166 </li>
167 </ul>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
168
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
169 <!--
170 <dl class="tasks key-val">
171 <dt data-hashtag="#foo">
172 <p><a href="#">Key/Value Pair</a></p>
173 </dt>
174 <dd>
175 <p>Note that there’s padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
176 <div class="pledges">
177 </div>
178 </dd>
179
180 <dt data-hashtag="#foo">
181 <p><a href="#">Key/Value Pair</a></p>
182 </dt>
183 <dd>
184 <p>Note that there’s padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
185 <div class="pledges">
186 </div>
187 </dd>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
188
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
189 <dt data-hashtag="#foo">
190 <p><a href="#">Key/Value Pair</a></p>
191 </dt>
192 <dd>
193 <p>Note that there’s padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
194 <div class="pledges">
195 </div>
196 </dd>
197 </dl>
198 -->
199 </div>
311f214 @connor formatting & copy
connor authored
200 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
201 </article>
202
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
203 <article class="section">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
204 <div class="standout">
205 <h1>Mo’ Advanced</h1>
206 <h2>Are you a ninja? Dare to know what you can do beyond these?</h2>
207 </div>
208 <section id="helpothers">
209 <div class="col-ab">
210 <h1>Help Others</h1>
311f214 @connor formatting & copy
connor authored
211 <h2 id="open_source_projects_worth_your_time">Open-Source projects worth your time</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
212
213 <ul>
311f214 @connor formatting & copy
connor authored
214 <li><a href="http://github.com/h5bp/html5-boilerplate">HTML5 boilerplate</a></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
215 <li><a href="https://github.com/jquery/jquery">jQuery</a></li>
216 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a></li>
217 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a></li>
311f214 @connor formatting & copy
connor authored
218 <li><a href="https://github.com/twitter/bootstrap">Twitter&#8217;s bootstrap</a></li>
219 <li><a href="http://necolas.github.com/normalize.css/">Normalize.css</a></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
220 <li><a href="https://github.com/paulirish/lazyweb-requests/issues?state=open">Lazy web requests</a></li>
221 <li><a href="https://github.com/jquery/standards">jQuery standards</a></li>
222 </ul>
223
311f214 @connor formatting & copy
connor authored
224 <p>Do what is asked in <a href="#how_to_ask_for_help">&#8216;ask for help&#8217;</a> above and check out <a href="http://addyosmani.com/blog/getting-involved-with-open-source/">Addy Osmani&#8217;s video about getting involved</a>!</p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
225 </div>
226 </section>
227
228 <section id="specs" class="subsection">
229 <div class="col-ab">
230 <h1>Give Feedback on Specifications</h1>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
231
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
232 <p>Specs codify the expected behavior. They are developed by Working Groups (WG) along with active discussion on mailing lists. While we can’t always be certain that all browser vendors will adhere to the rules set forth in a spec they provide us with something that we, as developers, can standardize against.</p>
233
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
234 <ul class="resources">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
235 <li><p>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a></p></li>
236 <li><p>Take an <a href="http://fantasai.inkedblade.net/weblog/2011/inside-csswg/">inside look at how the CSS WG works</a></p></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
237 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
238 <p>Subscribe to these mailing lists to follow and contribute to the discussions that drive the web:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
239 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
240 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a></li>
241 <li><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a></li>
242 <li><a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
243 </ul>
244 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
245 <li><p>Read through the <a href="http://developers.whatwg.org/">HTML5 Spec for developers</a> with all implementor stuff removed, formatted beautifully for you.</p></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
246 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
247 <p>See the latest commits to the HTML and CSS specs by following their respective working groups on Twitter:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
248 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
249 <li><a href="http://twitter.com/csscommits">csscommits</a></li>
250 <li><a href="http://twitter.com/whatwg">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
251 </ul>
252 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
253 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
254 </div>
255 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
256 <section id="write">
257 <div class="col-ab">
258 <h1>Write</h1>
311f214 @connor formatting & copy
connor authored
259 <p>Publish what you learn and don&#8217;t be afraid to make mistakes. Publish to your personal blog and keep your posts updated. Be sure to speak with your own voice! Remember that it is okay to not be an absolute authority on a subject to author a post! Always ask questions and prompt conversations. There is seldom a wrong question or a wrong answer.</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
260
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
261 <p>Teaching is a great learning tool as well. So, even if you are getting started in an area, you’re helping yourself by writing about it as well. You can always consider asking a mentor or friend for a technical review. (Addy&#8217;s done that with aplomb)</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
262
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
263 <h2 id="what_should_you_start_to_learn_about">What should you start to learn about?</h2>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
264
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
265 <p>Something you can teach others! Here are some ideas:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
266
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
267 <ul>
311f214 @connor formatting & copy
connor authored
268 <li>Why do the <code>&lt;br&gt;</code> and <code>&lt;hr&gt;</code> elements (or any element) exist?</li>
269 <li>How to create a slideshow with the least amount of code?</li>
270 <li>What is the DOM? Why does it exist?</li>
271 <li>Check how browsers implement a specific property and compare it to the spec. </li>
272 <li>Write on how a popular website implements their homepage (with suggestions for improvement)</li>
273 <li>Write about how you would fix a popular website's faults (long load-time, invalid JS, etc...)
274 <li>Take a popular demo and make it something else (or use it practically).</li>
275 <li>Make a summary of popular ideas around the web lately</li>
276 <li>Write about your experience contributing to an open source project.</li>
277 <li>If you are a native speaker of a language other than English:
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
278 <ul>
311f214 @connor formatting & copy
connor authored
279 <li>Translate some popular English web dev posts.</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
280 <li>Elaborate on some of the features in the specs.</li>
281 </ul></li>
282 </ul>
283 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
284 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
285 <section id="filebugs">
286 <div class="col-ab">
287 <h1>File bugs</h1>
288 <p>Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. :)</p>
289 <ul>
290 <li>Lea Verou&#8217;s article <a href="http://coding.smashingmagazine.com/2011/09/07/help-the-community-report-browser-bugs/">Help the Community: Report Browser Bugs</a></li>
291 <li>John Resig&#8217;s article on <a href="http://ejohn.org/blog/a-web-developers-responsibility/">A Web Developer&#8217;s Responsibility</a></li>
292 <li>
293 <p>Browser trackers - search for existing bug reports or submit new ones</p>
294 <ul>
311f214 @connor formatting & copy
connor authored
295 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
296 <li><a href="https://bugs.webkit.org/">Webkit bugs</a></li>
297 <li><a href="http://crbug.com/">Chrome bugs</a></li>
298 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
299 <li><a href="https://connect.microsoft.com/site/sitehome.aspx?SiteID=136">Help IE</a></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
300 </ul>
301 </li>
302 </ul>
303 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
304 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
305 </article>
306 <article class="section">
307 <div class="standout">
308 <h1>Winrar!</h1>
309 <h2>You are the expert and you are bored with all these suggestions? May we suggest you these?</h2>
310 </div>
311 <section id="hack">
312 <div class="col-ab">
313 <h1>Hack!</h1>
311f214 @connor formatting & copy
connor authored
314 <p>Push the web to it's limits! Hack on CSS, advanced HTML, and JavaScript. Hack on the browser's rendering engine. Fork github repos, dig through the code, and keep on learning. Let's make the web more awesome. There are so many ways…</p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
315 <h2 id="contribute_to_browsers">Contribute to browsers</h2>
316 <ul>
311f214 @connor formatting & copy
connor authored
317 <li>Help build devtools like <a href="http://trac.webkit.org/wiki/WebInspector">webkit inspector</a> and <a href="https://bitbucket.org/scope/dragonfly-stp-1/">dragonfly</a>.
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
318 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
319 Write patches!</li>
320 <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">Reduce test cases for Mozilla</a></li>
311f214 @connor formatting & copy
connor authored
321 <li>Hack on WebKit or Gecko <a href="http://bit.ly/ubtxSq">List of &#8220;good first bugs&#8221; for Firefox/Gecko</a></li>
322 <li>join #introduction and #developers on <a href="#mozilla_irc">mozilla's IRC server</a></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
323 <li><a href="http://dev.chromium.org/developers/contributing-to-webkit">Google&#8217;s guide on how to contribute to Webkit</a></li>
324 </ul>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
325 <h2>Contribute to Specifications</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
326 <ul>
327 <li><p>Test cases are fundamental to standards and to browsers. </p>
311f214 @connor formatting & copy
connor authored
328 <li><a href="http://www.w3.org/html/wg/wiki/Testing">The W3C test suite for HTML</a>
329 <ul>
330 <li>Look into <a href="http://www.w3.org/html/wg/wiki/Testing#New_tests">upstreaming some existing tests</a> into the W3C Test suite
331 <li>Upstream <a href="http://trac.webkit.org/browser/trunk/LayoutTests">WebKit&#8217;s layouttests</a>. Also see the <a href="http://www.webkit.org/blog/1456/layout-tests-practice/">layout test practice</a>
332 <li><a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s mochitests</a>
333 - W3c suites</li>
334 <li>Review bugs</li>
335 <li><a href="http://www.w3.org/Bugs/Public/enter_bug.cgi">File bugs</a></li>
336 <li>Send email to WHATWG / public-webapps / www-style / fx email lists</li>
337 <li><a href="http://wiki.whatwg.org/wiki/How_to_write_a_spec">Write Specs!</a></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
338 </ul>
339 <h2 id="contribute_to_validators">Contribute to validators</h2>
340 <ul>
311f214 @connor formatting & copy
connor authored
341 <li><a href="http://validator.nu/">HTML Validator</a></li>
342 <li><a href="http://jigsaw.w3.org/css-validator/">CSS Validator</a></li>
343 <li><a href="https://bitbucket.org/annevk/webvtt">WebVTT</a></li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
344 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
345 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
346 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
347 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored
348
a26c1e7 @necolas Remove tab indentation from index
necolas authored
349 <footer class="doc">
e4ec169 @Wilto A work very much in progress.
Wilto authored
350
a26c1e7 @necolas Remove tab indentation from index
necolas authored
351 </footer>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
352
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
353 <script src="http://platform.twitter.com/anywhere.js?id=wjANCxjyXtdRjYv8KAGIkA&amp;v=1"></script>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
354 <script>
e4ec169 @Wilto A work very much in progress.
Wilto authored
355 /*
a26c1e7 @necolas Remove tab indentation from index
necolas authored
356 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
357 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
358 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
359 s.parentNode.insertBefore(g,s)}(document,'script'));
e4ec169 @Wilto A work very much in progress.
Wilto authored
360 */
a26c1e7 @necolas Remove tab indentation from index
necolas authored
361 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
362 </body>
363 </html>
Something went wrong with that request. Please try again.