Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 358 lines (322 sloc) 22.874 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>
44511f4 @necolas Fix appearance in IE8. Remove text-shadow on ::selection.
necolas authored
7 <meta charset="utf-8">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
8 <title>Giving Back to Standards</title>
44511f4 @necolas Fix appearance in IE8. Remove text-shadow on ::selection.
necolas authored
9 <meta name="description" content="What you can do as a front-end developer">
10 <meta name="viewport" content="width=device-width">
11 <link rel="stylesheet" href="css/style.css">
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
12
a26c1e7 @necolas Remove tab indentation from index
necolas authored
13 <!-- Should be combined: -->
14 <script src="js/libs/modernizr.min.js"></script>
15 <script src="js/libs/respond.js"></script>
16 <script src="js/controller.js"></script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
17 </head>
18
19 <body>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
20 <header class="col-ab">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
21 <div class="lead">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
22 <h1 class="hed-lead">I’ve got my blue beanie on!</h1>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
23 <div class="subhed-lead">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
24 <p>Now what?</p>
25 <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
26 </div>
27 </div>
28 <div class="col-split">
29 <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>
30 </div>
31 </header>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
32
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
33 <article class="section">
34 <div class="standout">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
35 <h1>Just getting started?</h1>
a41bae7 @connor change subhead under 'getting started'
connor authored
36 <h2>OMG Welcome! Let's work together to push the web forward!</h2>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
37 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
38
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
39 <section id="learn">
40 <div class="col-ab">
41 <h1>Learn</h1>
311f214 @connor formatting & copy
connor authored
42 <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. …
Divya Manian authored
43 <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
44
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
45 <ul>
311f214 @connor formatting & copy
connor authored
46 <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>
47 <li><a href="http://peter.sh/">Peter Beverloo&#8217;s Blog</a> - weekly updates of WebKit and Chrome</li>
48 <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>
49 <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a> - summaries of the whatwg activity</li>
50 <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. …
Divya Manian authored
51 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
52
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
53 <h3 id="follow_them_on_twitter">Follow them on Twitter</h3>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
54
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
55 <ul>
6c5f09b @connor * center the site tagline
connor authored
56 <li><a href="http://twitter.com/webkit">Webkit</a> - the open source web browser engine</li>
311f214 @connor formatting & copy
connor authored
57 <li><a href="http://twitter.com/oDevRel">Opera dev relations</a> - shares links to their recent articles, blog entries, etc.</li>
58 <li><a href="http://twitter.com/ChromiumDev">Chrome developer relations</a> - tweets the latest news and announcements for developers.</li>
59 <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>
60 <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. …
Divya Manian authored
61 </ul>
62
63 <h2 id="how_do_i_understand_how_browsers_work">How do I understand how browsers work?</h2>
64
65 <ul>
311f214 @connor formatting & copy
connor authored
66 <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>
67 <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. …
Divya Manian authored
68 </ul>
69
70 <h2 id="other_learning_resources">Other learning resources</h2>
71
72 <ul>
311f214 @connor formatting & copy
connor authored
73 <li><a href="http://css-tricks.com">CSS-tricks</a> - provides a wealth of articles, tutorials, and downloads for the web design community.</li>
74 <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>
75 <li><a href="http://diveintohtml5.info/">Dive into HTML5</a> - takes an in depth look at a selection of HTML5 features.</li>
76 <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>
77 <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>
78 <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. …
Divya Manian authored
79 </ul>
80
81 <h2 id="reference_docs_wikis">Reference docs/wikis</h2>
82
83 <ul>
311f214 @connor formatting & copy
connor authored
84 <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!
85 <ul>
86 <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>
87 </ul>
88 <li><a href="http://instacss.com/">InstaCSS</a> - quick UI to access the CSS documentation from MDN.</li>
89 <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
90 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
91 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
92 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
93
94 <section id="explore">
95 <div class="col-ab">
96 <h1>Explore</h1>
6c5f09b @connor * center the site tagline
connor authored
97 <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! Get excited, because here, we check out advanced CSS, brand-new HTML5 features/APIs, and even what the future of these languages are expected to be. Several new capabilities are now available in browsers, and exploring these new capabilities will help us push the web forward!</p>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
98 <ul>
99 <li>Explore new and old features. omg css2+3+4. also html2+4+5</li>
6c5f09b @connor * center the site tagline
connor authored
100 <!-- <li>Recent slide decks to source features from</li> <==== do we still need this? -->
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
101 <li><a href="http://vimeo.com/32135328">Tab Atkins - The Future of CSS (Fronteers)</a></li>
102 <li>Alex Russell&#8217;s Fronteers talk / LondonJS slides</li>
103 <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a></li>
104 <li><a href="http://nimbu.in/w3conf/">Future of Layouts</a></li>
105 <li><a href="http://mezzoblue.com/presentations/2011/fowd/FOWD.pdf">The Future of CSS (FOWD)</a></li>
6c5f09b @connor * center the site tagline
connor authored
106 <li><a href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">Vendor-prefixed CSS property overview</a></li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
107 </ul>
108 </div>
109 </section>
110
111
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
112 <section id="meetups">
113 <div class="col-ab">
114 <h1>Meet like-minded folks</h1>
6c5f09b @connor * center the site tagline
connor authored
115 <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="http://meetup.com">Meetup.com</a> and <a href="http://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
116 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
117 </section>
118 <section id="askhelp">
119 <div class="col-ab">
120 <h1>Ask for help</h1>
121 <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
122 <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>
123 <h2>Great freenode irc channels</h2>
124 <ul>
125 <li>#html5
126 <li>#css
127 <li>#javascript
128 <li>#whatwg
129 <li>#jquery
130 <li>#webkit
131 </ul>
132 <p id="mozilla_irc">Mozilla also has it's own IRC server: irc://irc.mozilla.org</p>
133 <h2>Awesome mozilla irc channels</h2>
134 <ul>
135 <li>#css
136 <li>#js
137 <li>#introduction
138 <li>#developers
139 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
140
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
141 <h2 id="how_to_ask_for_help">How to ask for help</h2>
142 <ol>
143 <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>
144 <li><a href="http://css-tricks.com/6263-reduced-test-cases/">Create a reduced test case</a></li>
311f214 @connor formatting & copy
connor authored
145 <li>Remember: be specific!</li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
146 </ol>
147 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
148 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
149
311f214 @connor formatting & copy
connor authored
150 <section id="how_can_i_get_involved">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
151 <div class="col-ab">
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
152 <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
153
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
154 <ul class="tasks">
155 <li class="task" data-hashtag="#jquery">
156 <p>Curabitur gravida blandit quam, et venenatis libebro cursus vel. Integer mattis, enim in ultricies pharetra, nibh risus accumsan odio.</p>
157 </li>
158 <li class="task" data-hashtag="#javascript">
159 <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
160 </li>
161 </ul>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
162
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
163 <!--
164 <dl class="tasks key-val">
165 <dt data-hashtag="#foo">
166 <p><a href="#">Key/Value Pair</a></p>
167 </dt>
168 <dd>
169 <p>Note that there’s padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
170 <div class="pledges">
171 </div>
172 </dd>
173
174 <dt data-hashtag="#foo">
175 <p><a href="#">Key/Value Pair</a></p>
176 </dt>
177 <dd>
178 <p>Note that there’s padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
179 <div class="pledges">
180 </div>
181 </dd>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
182
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
183 <dt data-hashtag="#foo">
184 <p><a href="#">Key/Value Pair</a></p>
185 </dt>
186 <dd>
187 <p>Note that there’s padding below the standout headline above. Curabitur tempus urna ac dui Bro Chih Minh luctus.</p>
188 <div class="pledges">
189 </div>
190 </dd>
191 </dl>
192 -->
193 </div>
311f214 @connor formatting & copy
connor authored
194 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
195 </article>
196
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
197 <article class="section">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
198 <div class="standout">
199 <h1>Mo’ Advanced</h1>
200 <h2>Are you a ninja? Dare to know what you can do beyond these?</h2>
201 </div>
202 <section id="helpothers">
203 <div class="col-ab">
204 <h1>Help Others</h1>
311f214 @connor formatting & copy
connor authored
205 <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. …
Divya Manian authored
206
207 <ul>
311f214 @connor formatting & copy
connor authored
208 <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. …
Divya Manian authored
209 <li><a href="https://github.com/jquery/jquery">jQuery</a></li>
210 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a></li>
211 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a></li>
311f214 @connor formatting & copy
connor authored
212 <li><a href="https://github.com/twitter/bootstrap">Twitter&#8217;s bootstrap</a></li>
213 <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. …
Divya Manian authored
214 <li><a href="https://github.com/paulirish/lazyweb-requests/issues?state=open">Lazy web requests</a></li>
215 <li><a href="https://github.com/jquery/standards">jQuery standards</a></li>
216 </ul>
217
311f214 @connor formatting & copy
connor authored
218 <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. …
Divya Manian authored
219 </div>
220 </section>
221
222 <section id="specs" class="subsection">
223 <div class="col-ab">
224 <h1>Give Feedback on Specifications</h1>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
225
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
226 <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>
227
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
228 <ul class="resources">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
229 <li><p>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a></p></li>
230 <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
231 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
232 <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
233 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
234 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a></li>
235 <li><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a></li>
236 <li><a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
237 </ul>
238 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
239 <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
240 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
241 <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
242 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
243 <li><a href="http://twitter.com/csscommits">csscommits</a></li>
244 <li><a href="http://twitter.com/whatwg">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
245 </ul>
246 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
247 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
248 </div>
249 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
250 <section id="write">
251 <div class="col-ab">
252 <h1>Write</h1>
311f214 @connor formatting & copy
connor authored
253 <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
254
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
255 <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
256
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
257 <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
258
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
259 <p>Something you can teach others! Here are some ideas:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
260
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
261 <ul>
311f214 @connor formatting & copy
connor authored
262 <li>Why do the <code>&lt;br&gt;</code> and <code>&lt;hr&gt;</code> elements (or any element) exist?</li>
263 <li>How to create a slideshow with the least amount of code?</li>
264 <li>What is the DOM? Why does it exist?</li>
265 <li>Check how browsers implement a specific property and compare it to the spec. </li>
266 <li>Write on how a popular website implements their homepage (with suggestions for improvement)</li>
267 <li>Write about how you would fix a popular website's faults (long load-time, invalid JS, etc...)
268 <li>Take a popular demo and make it something else (or use it practically).</li>
269 <li>Make a summary of popular ideas around the web lately</li>
270 <li>Write about your experience contributing to an open source project.</li>
271 <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. …
Divya Manian authored
272 <ul>
311f214 @connor formatting & copy
connor authored
273 <li>Translate some popular English web dev posts.</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
274 <li>Elaborate on some of the features in the specs.</li>
275 </ul></li>
276 </ul>
277 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
278 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
279 <section id="filebugs">
280 <div class="col-ab">
281 <h1>File bugs</h1>
282 <p>Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. :)</p>
283 <ul>
284 <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>
285 <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>
286 <li>
287 <p>Browser trackers - search for existing bug reports or submit new ones</p>
288 <ul>
311f214 @connor formatting & copy
connor authored
289 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
290 <li><a href="https://bugs.webkit.org/">Webkit bugs</a></li>
291 <li><a href="http://crbug.com/">Chrome bugs</a></li>
292 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
293 <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. …
Divya Manian authored
294 </ul>
295 </li>
296 </ul>
297 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
298 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
299 </article>
300 <article class="section">
301 <div class="standout">
302 <h1>Winrar!</h1>
303 <h2>You are the expert and you are bored with all these suggestions? May we suggest you these?</h2>
304 </div>
305 <section id="hack">
306 <div class="col-ab">
307 <h1>Hack!</h1>
311f214 @connor formatting & copy
connor authored
308 <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. …
Divya Manian authored
309 <h2 id="contribute_to_browsers">Contribute to browsers</h2>
310 <ul>
6c5f09b @connor * center the site tagline
connor authored
311 <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. …
Divya Manian authored
312 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
313 Write patches!</li>
314 <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">Reduce test cases for Mozilla</a></li>
311f214 @connor formatting & copy
connor authored
315 <li>Hack on WebKit or Gecko <a href="http://bit.ly/ubtxSq">List of &#8220;good first bugs&#8221; for Firefox/Gecko</a></li>
6c5f09b @connor * center the site tagline
connor authored
316 <li>join #introduction and #developers on <a href="#mozilla_irc">Mozilla's IRC server</a></li>
317 <li><a href="http://dev.chromium.org/developers/contributing-to-webkit">Google&#8217;s guide on how to contribute to WebKit</a></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
318 </ul>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
319 <h2>Contribute to Specifications</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
320 <ul>
321 <li><p>Test cases are fundamental to standards and to browsers. </p>
311f214 @connor formatting & copy
connor authored
322 <li><a href="http://www.w3.org/html/wg/wiki/Testing">The W3C test suite for HTML</a>
323 <ul>
324 <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
325 <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>
326 <li><a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s mochitests</a>
327 - W3c suites</li>
328 <li>Review bugs</li>
329 <li><a href="http://www.w3.org/Bugs/Public/enter_bug.cgi">File bugs</a></li>
6c5f09b @connor * center the site tagline
connor authored
330 <li>Send email to <a href="http://www.whatwg.org/mailing-list">WHATWG</a> / <a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a> / <a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> / fx email lists</li>
311f214 @connor formatting & copy
connor authored
331 <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. …
Divya Manian authored
332 </ul>
333 <h2 id="contribute_to_validators">Contribute to validators</h2>
334 <ul>
311f214 @connor formatting & copy
connor authored
335 <li><a href="http://validator.nu/">HTML Validator</a></li>
336 <li><a href="http://jigsaw.w3.org/css-validator/">CSS Validator</a></li>
337 <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
338 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
339 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
340 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
341 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored
342
a26c1e7 @necolas Remove tab indentation from index
necolas authored
343 <footer class="doc">
e4ec169 @Wilto A work very much in progress.
Wilto authored
344
a26c1e7 @necolas Remove tab indentation from index
necolas authored
345 </footer>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
346
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
347 <script src="http://platform.twitter.com/anywhere.js?id=wjANCxjyXtdRjYv8KAGIkA&amp;v=1"></script>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
348 <script>
e4ec169 @Wilto A work very much in progress.
Wilto authored
349 /*
a26c1e7 @necolas Remove tab indentation from index
necolas authored
350 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
351 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
352 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
353 s.parentNode.insertBefore(g,s)}(document,'script'));
e4ec169 @Wilto A work very much in progress.
Wilto authored
354 */
a26c1e7 @necolas Remove tab indentation from index
necolas authored
355 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
356 </body>
357 </html>
Something went wrong with that request. Please try again.