Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 384 lines (353 sloc) 24.375 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">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
40 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
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>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
92 <section class="getinvolved">
93 <div class="col-b">
94 <h2 class="subhed">Can you do this?</h2>
95 <div class="task" data-hashtag="#write">
96 <p>If you want to be counted among those brave enough to attempt to do this.</p>
97 </div>
98 </div>
99 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
100 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
101
102 <section id="explore">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
103 <div class="col-a">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
104 <h1>Explore</h1>
6c5f09b @connor * center the site tagline
connor authored
105 <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
106 <ul>
107 <li>Explore new and old features. omg css2+3+4. also html2+4+5</li>
6c5f09b @connor * center the site tagline
connor authored
108 <!-- <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
109 <li><a href="http://vimeo.com/32135328">Tab Atkins - The Future of CSS (Fronteers)</a></li>
110 <li>Alex Russell&#8217;s Fronteers talk / LondonJS slides</li>
111 <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a></li>
112 <li><a href="http://nimbu.in/w3conf/">Future of Layouts</a></li>
113 <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
114 <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
115 </ul>
116 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
117 <section class="getinvolved">
118 <div class="col-b">
119 <h2 class="subhed">Can you do this?</h2>
120 <div class="task" data-hashtag="#write">
121 <p>If you want to be counted among those brave enough to attempt to do this.</p>
122 </div>
123 </div>
124 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
125 </section>
126
127
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
128 <section id="meetups">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
129 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
130 <h1>Meet like-minded folks</h1>
6c5f09b @connor * center the site tagline
connor authored
131 <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
132 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
133 <section class="getinvolved">
134 <div class="col-b">
135 <h2 class="subhed">Can you do this?</h2>
136 <div class="task" data-hashtag="#write">
137 <p>If you want to be counted among those brave enough to attempt to do this.</p>
138 </div>
139 </div>
140 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
141 </section>
142 <section id="askhelp">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
143 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
144 <h1>Ask for help</h1>
145 <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
146 <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>
147 <h2>Great freenode irc channels</h2>
148 <ul>
149 <li>#html5
150 <li>#css
151 <li>#javascript
152 <li>#whatwg
153 <li>#jquery
154 <li>#webkit
155 </ul>
156 <p id="mozilla_irc">Mozilla also has it's own IRC server: irc://irc.mozilla.org</p>
157 <h2>Awesome mozilla irc channels</h2>
158 <ul>
159 <li>#css
160 <li>#js
161 <li>#introduction
162 <li>#developers
163 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
164
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
165 <h2 id="how_to_ask_for_help">How to ask for help</h2>
166 <ol>
167 <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>
168 <li><a href="http://css-tricks.com/6263-reduced-test-cases/">Create a reduced test case</a></li>
311f214 @connor formatting & copy
connor authored
169 <li>Remember: be specific!</li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
170 </ol>
171 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
172 <section class="getinvolved">
173 <div class="col-b">
174 <h2 class="subhed">Can you do this?</h2>
175 <div class="task" data-hashtag="#write">
176 <p>If you want to be counted among those brave enough to attempt to do this.</p>
177 </div>
178 </div>
179 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
180 </section>
181 </article>
182
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
183 <article class="section">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
184 <div class="standout">
185 <h1>Mo’ Advanced</h1>
186 <h2>Are you a ninja? Dare to know what you can do beyond these?</h2>
187 </div>
188 <section id="helpothers">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
189 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
190 <h1>Help Others</h1>
311f214 @connor formatting & copy
connor authored
191 <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
192
193 <ul>
311f214 @connor formatting & copy
connor authored
194 <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
195 <li><a href="https://github.com/jquery/jquery">jQuery</a></li>
196 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a></li>
197 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a></li>
311f214 @connor formatting & copy
connor authored
198 <li><a href="https://github.com/twitter/bootstrap">Twitter&#8217;s bootstrap</a></li>
199 <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
200 <li><a href="https://github.com/paulirish/lazyweb-requests/issues?state=open">Lazy web requests</a></li>
201 <li><a href="https://github.com/jquery/standards">jQuery standards</a></li>
202 </ul>
203
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
204 <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
205 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
206 <section class="getinvolved">
207 <div class="col-b">
208 <h2 class="subhed">Can you do this?</h2>
209 <div class="task" data-hashtag="#write">
210 <p>If you want to be counted among those brave enough to attempt to do this.</p>
211 </div>
212 </div>
213 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
214 </section>
215
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
216 <section id="specs">
217 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
218 <h1>Give Feedback on Specifications</h1>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
219
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
220 <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>
221
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
222 <ul class="resources">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
223 <li><p>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a></p></li>
224 <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
225 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
226 <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
227 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
228 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a></li>
229 <li><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a></li>
230 <li><a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
231 </ul>
232 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
233 <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
234 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
235 <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
236 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
237 <li><a href="http://twitter.com/csscommits">csscommits</a></li>
238 <li><a href="http://twitter.com/whatwg">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
239 </ul>
240 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
241 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
242 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
243 <section class="getinvolved">
244 <div class="col-b">
245 <h2 class="subhed">Can you do this?</h2>
246 <div class="task" data-hashtag="#feedback">
247 <p>If you want to be counted among those brave enough to attempt to do this.</p>
248 </div>
249 </div>
250 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
251 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
252 <section id="write">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
253 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
254 <h1>Write</h1>
311f214 @connor formatting & copy
connor authored
255 <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
256
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
257 <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
258
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
259 <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
260
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
261 <p>Something you can teach others! Here are some ideas:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
262
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
263 <ul>
311f214 @connor formatting & copy
connor authored
264 <li>Why do the <code>&lt;br&gt;</code> and <code>&lt;hr&gt;</code> elements (or any element) exist?</li>
265 <li>How to create a slideshow with the least amount of code?</li>
266 <li>What is the DOM? Why does it exist?</li>
267 <li>Check how browsers implement a specific property and compare it to the spec. </li>
268 <li>Write on how a popular website implements their homepage (with suggestions for improvement)</li>
269 <li>Write about how you would fix a popular website's faults (long load-time, invalid JS, etc...)
270 <li>Take a popular demo and make it something else (or use it practically).</li>
271 <li>Make a summary of popular ideas around the web lately</li>
272 <li>Write about your experience contributing to an open source project.</li>
273 <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
274 <ul>
311f214 @connor formatting & copy
connor authored
275 <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
276 <li>Elaborate on some of the features in the specs.</li>
277 </ul></li>
278 </ul>
279 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
280 <section class="getinvolved">
281 <div class="col-b">
282 <h2 class="subhed">Can you do this?</h2>
283 <div class="task" data-hashtag="#write">
284 <p>If you want to be counted among those brave enough to attempt to do this.</p>
285 </div>
286 </div>
287 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
288 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
289 <section id="filebugs">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
290 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
291 <h1>File bugs</h1>
292 <p>Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. :)</p>
293 <ul>
294 <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>
295 <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>
296 <li>
297 <p>Browser trackers - search for existing bug reports or submit new ones</p>
298 <ul>
311f214 @connor formatting & copy
connor authored
299 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
300 <li><a href="https://bugs.webkit.org/">Webkit bugs</a></li>
301 <li><a href="http://crbug.com/">Chrome bugs</a></li>
302 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
303 <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
304 </ul>
305 </li>
306 </ul>
307 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
308 <section class="getinvolved">
309 <div class="col-b">
310 <h2 class="subhed">Can you do this?</h2>
311 <div class="task" data-hashtag="#write">
312 <p>If you want to be counted among those brave enough to attempt to do this.</p>
313 </div>
314 </div>
315 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
316 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
317 </article>
318 <article class="section">
319 <div class="standout">
320 <h1>Winrar!</h1>
321 <h2>You are the expert and you are bored with all these suggestions? May we suggest you these?</h2>
322 </div>
323 <section id="hack">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
324 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
325 <h1>Hack!</h1>
311f214 @connor formatting & copy
connor authored
326 <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
327 <h2 id="contribute_to_browsers">Contribute to browsers</h2>
328 <ul>
6c5f09b @connor * center the site tagline
connor authored
329 <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
330 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
331 Write patches!</li>
332 <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">Reduce test cases for Mozilla</a></li>
311f214 @connor formatting & copy
connor authored
333 <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
334 <li>join #introduction and #developers on <a href="#mozilla_irc">Mozilla's IRC server</a></li>
335 <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
336 </ul>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
337 <h2>Contribute to Specifications</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
338 <ul>
339 <li><p>Test cases are fundamental to standards and to browsers. </p>
311f214 @connor formatting & copy
connor authored
340 <li><a href="http://www.w3.org/html/wg/wiki/Testing">The W3C test suite for HTML</a>
341 <ul>
342 <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
343 <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>
344 <li><a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s mochitests</a>
345 - W3c suites</li>
346 <li>Review bugs</li>
347 <li><a href="http://www.w3.org/Bugs/Public/enter_bug.cgi">File bugs</a></li>
6c5f09b @connor * center the site tagline
connor authored
348 <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
349 <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
350 </ul>
351 <h2 id="contribute_to_validators">Contribute to validators</h2>
352 <ul>
311f214 @connor formatting & copy
connor authored
353 <li><a href="http://validator.nu/">HTML Validator</a></li>
354 <li><a href="http://jigsaw.w3.org/css-validator/">CSS Validator</a></li>
355 <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
356 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
357 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
358 <section class="getinvolved">
359 <div class="col-b">
360 <h2 class="subhed">Can you do this?</h2>
361 <div class="task" data-hashtag="#write">
362 <p>If you want to be counted among those brave enough to attempt to do this.</p>
363 </div>
364 </div>
365 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
366 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
367 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored
368
a26c1e7 @necolas Remove tab indentation from index
necolas authored
369 <footer class="doc">
e4ec169 @Wilto A work very much in progress.
Wilto authored
370
a26c1e7 @necolas Remove tab indentation from index
necolas authored
371 </footer>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
372
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
373 <script src="http://platform.twitter.com/anywhere.js?id=wjANCxjyXtdRjYv8KAGIkA&amp;v=1"></script>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
374 <script>
e4ec169 @Wilto A work very much in progress.
Wilto authored
375 /*
a26c1e7 @necolas Remove tab indentation from index
necolas authored
376 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
377 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
378 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
379 s.parentNode.insertBefore(g,s)}(document,'script'));
e4ec169 @Wilto A work very much in progress.
Wilto authored
380 */
a26c1e7 @necolas Remove tab indentation from index
necolas authored
381 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
382 </body>
383 </html>
Something went wrong with that request. Please try again.