Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 383 lines (353 sloc) 24.883 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. Not...
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. Not...
Divya Manian authored
22 <h1 class="hed-lead">I’ve got my blue beanie on!</h1>
a7ce813 adding contribs, tweaking now what style
Divya Manian authored
23 <h2 class="subhed-lead">Now what?</h2>
24 <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
25 </div>
26 <div class="col-split">
a7ce813 adding contribs, tweaking now what style
Divya Manian authored
27 <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. </p><p>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>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
28 </div>
29 </header>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
30
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
31 <article class="section">
32 <div class="standout">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
33 <h1>Just getting started?</h1>
a41bae7 @connor change subhead under 'getting started'
connor authored
34 <h2>OMG Welcome! Let's work together to push the web forward!</h2>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
35 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
36
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
37 <section id="learn">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
38 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
39 <h1>Learn</h1>
311f214 @connor formatting & copy
connor authored
40 <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
41 <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
42
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
43 <ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
44 <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>
311f214 @connor formatting & copy
connor authored
45 <li><a href="http://peter.sh/">Peter Beverloo&#8217;s Blog</a> - weekly updates of WebKit and Chrome</li>
46 <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>
47 <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a> - summaries of the whatwg activity</li>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
48 <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
49 </ul>
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 <h3 id="follow_them_on_twitter">Follow them on Twitter</h3>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
52
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
53 <ul>
6c5f09b @connor * center the site tagline
connor authored
54 <li><a href="http://twitter.com/webkit">Webkit</a> - the open source web browser engine</li>
311f214 @connor formatting & copy
connor authored
55 <li><a href="http://twitter.com/oDevRel">Opera dev relations</a> - shares links to their recent articles, blog entries, etc.</li>
56 <li><a href="http://twitter.com/ChromiumDev">Chrome developer relations</a> - tweets the latest news and announcements for developers.</li>
57 <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>
58 <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
59 </ul>
60
61 <h2 id="how_do_i_understand_how_browsers_work">How do I understand how browsers work?</h2>
62
63 <ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
64 <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>
311f214 @connor formatting & copy
connor authored
65 <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
66 </ul>
67
68 <h2 id="other_learning_resources">Other learning resources</h2>
69
70 <ul>
311f214 @connor formatting & copy
connor authored
71 <li><a href="http://css-tricks.com">CSS-tricks</a> - provides a wealth of articles, tutorials, and downloads for the web design community.</li>
72 <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>
73 <li><a href="http://diveintohtml5.info/">Dive into HTML5</a> - takes an in depth look at a selection of HTML5 features.</li>
74 <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>
75 <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>
76 <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
77 </ul>
78
79 <h2 id="reference_docs_wikis">Reference docs/wikis</h2>
80
81 <ul>
311f214 @connor formatting & copy
connor authored
82 <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!
83 <ul>
84 <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>
85 </ul>
86 <li><a href="http://instacss.com/">InstaCSS</a> - quick UI to access the CSS documentation from MDN.</li>
87 <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
88 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
89 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
90 <section class="getinvolved">
91 <div class="col-b">
92 <h2 class="subhed">Can you do this?</h2>
93 <div class="task" data-hashtag="#write">
94 <p>If you want to be counted among those brave enough to attempt to do this.</p>
95 </div>
96 </div>
97 </section>
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">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
101 <div class="col-a">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
102 <h1>Explore</h1>
6c5f09b @connor * center the site tagline
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! 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
104 <ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
105 <li>Explore new and old features.</li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
106 <li><a href="http://vimeo.com/32135328">Tab Atkins - The Future of CSS (Fronteers)</a></li>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
107 <li><a href="http://infrequently.org/11/fronteers/fronteers.html">Data, Semantics, and the Process of Progress</a></li>
108 <li><a href="http://infrequently.org/11/ldnjs/ldnjs.html">[JS|DOM].next()</a></li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
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>
6c5f09b @connor * center the site tagline
connor authored
112 <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
113 </ul>
114 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
115 <section class="getinvolved">
116 <div class="col-b">
117 <h2 class="subhed">Can you do this?</h2>
118 <div class="task" data-hashtag="#write">
119 <p>If you want to be counted among those brave enough to attempt to do this.</p>
120 </div>
121 </div>
122 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
123 </section>
124
125
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
126 <section id="meetups">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
127 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
128 <h1>Meet like-minded folks</h1>
6c5f09b @connor * center the site tagline
connor authored
129 <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
130 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
131 <section class="getinvolved">
132 <div class="col-b">
133 <h2 class="subhed">Can you do this?</h2>
134 <div class="task" data-hashtag="#write">
135 <p>If you want to be counted among those brave enough to attempt to do this.</p>
136 </div>
137 </div>
138 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
139 </section>
140 <section id="askhelp">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
141 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
142 <h1>Ask for help</h1>
143 <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
144 <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>
145 <h2>Great freenode irc channels</h2>
146 <ul>
147 <li>#html5
148 <li>#css
149 <li>#javascript
150 <li>#whatwg
151 <li>#jquery
152 <li>#webkit
153 </ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
154 <h2 id="mozilla_irc">Awesome mozilla irc channels</h2>
155 <p>Mozilla also has it's own IRC server: irc://irc.mozilla.org</p>
311f214 @connor formatting & copy
connor authored
156 <ul>
157 <li>#css
158 <li>#js
159 <li>#introduction
160 <li>#developers
161 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
162
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
163 <h2 id="how_to_ask_for_help">How to ask for help</h2>
164 <ol>
165 <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>
166 <li><a href="http://css-tricks.com/6263-reduced-test-cases/">Create a reduced test case</a></li>
311f214 @connor formatting & copy
connor authored
167 <li>Remember: be specific!</li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
168 </ol>
169 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
170 <section class="getinvolved">
171 <div class="col-b">
172 <h2 class="subhed">Can you do this?</h2>
173 <div class="task" data-hashtag="#write">
174 <p>If you want to be counted among those brave enough to attempt to do this.</p>
175 </div>
176 </div>
177 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
178 </section>
179 </article>
180
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
181 <article class="section">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
182 <div class="standout">
183 <h1>Mo’ Advanced</h1>
184 <h2>Are you a ninja? Dare to know what you can do beyond these?</h2>
185 </div>
186 <section id="helpothers">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
187 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
188 <h1>Help Others</h1>
311f214 @connor formatting & copy
connor authored
189 <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
190
191 <ul>
311f214 @connor formatting & copy
connor authored
192 <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
193 <li><a href="https://github.com/jquery/jquery">jQuery</a></li>
194 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a></li>
195 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a></li>
311f214 @connor formatting & copy
connor authored
196 <li><a href="https://github.com/twitter/bootstrap">Twitter&#8217;s bootstrap</a></li>
197 <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
198 <li><a href="https://github.com/paulirish/lazyweb-requests/issues?state=open">Lazy web requests</a></li>
199 <li><a href="https://github.com/jquery/standards">jQuery standards</a></li>
200 </ul>
201
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
202 <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
203 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
204 <section class="getinvolved">
205 <div class="col-b">
206 <h2 class="subhed">Can you do this?</h2>
207 <div class="task" data-hashtag="#write">
208 <p>If you want to be counted among those brave enough to attempt to do this.</p>
209 </div>
210 </div>
211 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
212 </section>
213
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
214 <section id="specs">
215 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
216 <h1>Give Feedback on Specifications</h1>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
217
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
218 <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>
219
a7ce813 adding contribs, tweaking now what style
Divya Manian authored
220 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
221 <li><p>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a></p></li>
222 <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
223 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
224 <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
225 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
226 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a></li>
227 <li><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a></li>
228 <li><a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
229 </ul>
230 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
231 <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
232 <li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
233 <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
234 <ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
235 <li><a href="http://twitter.com/csscommits">csscommits</a></li>
236 <li><a href="http://twitter.com/whatwg">whatwg</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
237 </ul>
238 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
239 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
240 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
241 <section class="getinvolved">
242 <div class="col-b">
243 <h2 class="subhed">Can you do this?</h2>
244 <div class="task" data-hashtag="#feedback">
245 <p>If you want to be counted among those brave enough to attempt to do this.</p>
246 </div>
247 </div>
248 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
249 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
250 <section id="write">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
251 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
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. Not...
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. Not...
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. Not...
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. Not...
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. Not...
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. Not...
Divya Manian authored
274 <li>Elaborate on some of the features in the specs.</li>
275 </ul></li>
276 </ul>
277 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
278 <section class="getinvolved">
279 <div class="col-b">
280 <h2 class="subhed">Can you do this?</h2>
281 <div class="task" data-hashtag="#write">
282 <p>If you want to be counted among those brave enough to attempt to do this.</p>
283 </div>
284 </div>
285 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
286 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
287 <section id="filebugs">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
288 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
289 <h1>File bugs</h1>
290 <p>Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. :)</p>
291 <ul>
292 <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>
293 <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>
294 <li>
295 <p>Browser trackers - search for existing bug reports or submit new ones</p>
296 <ul>
311f214 @connor formatting & copy
connor authored
297 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
298 <li><a href="https://bugs.webkit.org/">Webkit bugs</a></li>
299 <li><a href="http://crbug.com/">Chrome bugs</a></li>
300 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
301 <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
302 </ul>
303 </li>
304 </ul>
305 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
306 <section class="getinvolved">
307 <div class="col-b">
308 <h2 class="subhed">Can you do this?</h2>
309 <div class="task" data-hashtag="#write">
310 <p>If you want to be counted among those brave enough to attempt to do this.</p>
311 </div>
312 </div>
313 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
314 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
315 </article>
316 <article class="section">
317 <div class="standout">
318 <h1>Winrar!</h1>
319 <h2>You are the expert and you are bored with all these suggestions? May we suggest you these?</h2>
320 </div>
321 <section id="hack">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
322 <div class="col-a">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
323 <h1>Hack!</h1>
311f214 @connor formatting & copy
connor authored
324 <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
325 <h2 id="contribute_to_browsers">Contribute to browsers</h2>
326 <ul>
6c5f09b @connor * center the site tagline
connor authored
327 <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
328 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
329 Write patches!</li>
330 <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">Reduce test cases for Mozilla</a></li>
311f214 @connor formatting & copy
connor authored
331 <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
332 <li>join #introduction and #developers on <a href="#mozilla_irc">Mozilla's IRC server</a></li>
333 <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. Not...
Divya Manian authored
334 </ul>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
335 <h2>Contribute to Specifications</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
336 <ul>
337 <li><p>Test cases are fundamental to standards and to browsers. </p>
311f214 @connor formatting & copy
connor authored
338 <li><a href="http://www.w3.org/html/wg/wiki/Testing">The W3C test suite for HTML</a>
339 <ul>
340 <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
341 <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>
342 <li><a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s mochitests</a>
343 - W3c suites</li>
344 <li>Review bugs</li>
345 <li><a href="http://www.w3.org/Bugs/Public/enter_bug.cgi">File bugs</a></li>
6c5f09b @connor * center the site tagline
connor authored
346 <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
347 <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
348 </ul>
349 <h2 id="contribute_to_validators">Contribute to validators</h2>
350 <ul>
311f214 @connor formatting & copy
connor authored
351 <li><a href="http://validator.nu/">HTML Validator</a></li>
352 <li><a href="http://jigsaw.w3.org/css-validator/">CSS Validator</a></li>
353 <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
354 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. Not...
Divya Manian authored
355 </div>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items ar...
Divya Manian authored
356 <section class="getinvolved">
357 <div class="col-b">
358 <h2 class="subhed">Can you do this?</h2>
359 <div class="task" data-hashtag="#write">
360 <p>If you want to be counted among those brave enough to attempt to do this.</p>
361 </div>
362 </div>
363 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
364 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
365 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored
366
a26c1e7 @necolas Remove tab indentation from index
necolas authored
367 <footer class="doc">
7928461 @connor added my name :)
connor authored
368 <p>Made with love &amp; tears by <a href="http://twitter.com/wilto">Wilto</a> / <a href=http://twitter.com/necolas>Nicolas Gallagher</a> / <a href=http://twitter.com/aaronforsander>Aaron Forsander</a> / <a href=http://twitter.com/c_t_montgomery>Connor Mongomery</a> / <a href=http://twitter.com/paul_irish>Paul Irish</a> / <a href=http://twitter.com/divya>Divya Manian</a> and <a href=https://github.com/h5bp/igotmybeanie/contributors>more</a></p>
a7ce813 adding contribs, tweaking now what style
Divya Manian authored
369 <p><a href=https://github.com/h5bp/igotmybeanie>Contribute to this project</a></p>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
370 </footer>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
371
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
372 <script src="http://platform.twitter.com/anywhere.js?id=wjANCxjyXtdRjYv8KAGIkA&amp;v=1"></script>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
373 <script>
e4ec169 @Wilto A work very much in progress.
Wilto authored
374 /*
a26c1e7 @necolas Remove tab indentation from index
necolas authored
375 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
376 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
377 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
378 s.parentNode.insertBefore(g,s)}(document,'script'));
e4ec169 @Wilto A work very much in progress.
Wilto authored
379 */
a26c1e7 @necolas Remove tab indentation from index
necolas authored
380 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
381 </body>
382 </html>
Something went wrong with that request. Please try again.