Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 473 lines (416 sloc) 36.435 kB
298944a @paulirish conditional classname cleanup. custom doctype (how very paul irish). …
paulirish authored
1 <!DOCTYPE html public "i ♥ the web">
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored
2 <!--[if lte IE 8]> <html class="no-js oldie no-fontface" lang="en"> <![endif]-->
3 <!--[if gt IE 8]><!--> <html class="no-js no-fontface" lang="en"> <!--<![endif]-->
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
4 <head>
44511f4 @necolas Fix appearance in IE8. Remove text-shadow on ::selection.
necolas authored
5 <meta charset="utf-8">
f9c0431 @paulirish rename h1/h2/title.
paulirish authored
6 <title>Move The Web Forward | Guide to getting involved with standards and browser development</title>
44511f4 @necolas Fix appearance in IE8. Remove text-shadow on ::selection.
necolas authored
7 <meta name="description" content="What you can do as a front-end developer">
17c631b @connor add apple-touch-icons and favicon
connor authored
8 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
9
10 <!-- For iPhone 4 with high-resolution Retina display: -->
11 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
12 <!-- For first-generation iPad: -->
13 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
14 <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
15 <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
16 <!-- le favicon -->
17 <link rel="shortcut icon" href="favicon.ico">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
18
92c825b @necolas Remove media attribute from stylesheet, gives old IE some proper styles
necolas authored
19 <link rel="stylesheet" href="css/style.css">
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
20
a26c1e7 @necolas Remove tab indentation from index
necolas authored
21 <!-- Should be combined: -->
22 <script src="js/libs/modernizr.min.js"></script>
23 <script src="js/controller.js"></script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
24 </head>
25
26 <body>
1af091c adding light red triangle
Divya Manian authored
27 <b class="gimmick"><i></i><i></i><i></i></b>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
28 <header class="col-ab">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
29 <div class="lead">
03c01f5 @paulirish first pass at fadey dino hats.
paulirish authored
30 <h1 class="hed-lead">Move the Web Forward<span></span></h1>
ecf2b3f @Wilto Revamped page lead, including dinosaurs.
Wilto authored
31 <h2 class="subhed-lead">Wear a beanie today, build the web tomorrow</h2>
32 <p class="subhed">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>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
33 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
34 <div class="col-split">
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
35 <p>Whether you're a talented web developer, web-slinging since the days of tables and <code>font</code> tags, or you're a hobbyist hacker, 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>
bf6bbdc @connor fix a grammar mistake
connor authored
36 <p>Our goal is to make it easy for anyone to get started contributing to the platform, whether that's learning more about 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
37 </div>
38 </header>
03d5be9 added container to the nav to preserve height for tasty transition wi…
Josh de Blank authored
39
40 <div id="nav_container">
41 <nav id="toc">
42 <ul>
43 <li><a href=#levelup>Level up!</a></li>
44 <li><a href=#digdeep>Dig Deep</a></li>
45 <li><a href=#virtuoso>Virtuoso</a></li>
46 </ul>
47 </nav>
48 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
49
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
50 <article class="section">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored
51 <div class="standout" id=levelup>
5490f76 @paulirish rename section as its not rly for noobs.
paulirish authored
52 <h1 class="hed">Level up!</h1>
3f192f7 @connor make diving into the community fun
connor authored
53 <h2 class="subhed">You're damn good at what you do. Let's dive into the community!</h2>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
54 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
55
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
56 <section id="learn" class="col-ab">
57 <div class="col-a">
58 <h1 class="hed">Learn</h1>
311f214 @connor formatting & copy
connor authored
59 <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>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
60
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
61 <h2 id="how_do_i_keep_up_with_what8217s_landing_in_browsers" class="subhed">How do I keep up with what&#8217;s landing in browsers?</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
62 <ul>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
63 <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 list of resources that capture all of these changing things.</li>
311f214 @connor formatting & copy
connor authored
64 <li><a href="http://peter.sh/">Peter Beverloo&#8217;s Blog</a> - weekly updates of WebKit and Chrome</li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
65 <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a> - summaries of weekly web standards activity</li>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
66 <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>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
67 <li><a href="http://my.opera.com/ODIN/blog/">Opera Developer News</a> - tracks changes to Opera's web platform
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
68 <li><a href="http://updates.html5rocks.com">HTML5 Rocks updates</a> - HTML5 and Chrome breaking news
69
67918d0 @connor add IE blog and mozhacks to 'how to keep up'
connor authored
70 <li><a href="http://hacks.mozilla.org/">Mozilla Hacks</a> - cool apps and HTML5 features
71 <li><a href="http://blogs.msdn.com/b/ie/">IE Blog</a> - updates for IE
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
72 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
73
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
74 <h3 id="follow_them_on_twitter" class="subhed">Follow them on Twitter</h3>
939e8bf @paulirish sweetass twitter bird.
paulirish authored
75 <p>
cfd44b5 @connor descriptions to elements in "Explore" section
connor authored
76 You should probably follow: <a href="http://twitter.com/webkit">@webkit</a>, <a href="http://twitter.com/oDevRel">@oDevRel</a> (Opera developer relations), <a href="http://twitter.com/ChromiumDev">@ChromiumDev</a> (Chrome developer relations), <a href="http://twitter.com/mozhacks">@mozhacks</a> (Mozilla's web developer outpost) & <a href="http://twitter.com/ie">@IE</a> (Internet Explorer Team)
939e8bf @paulirish sweetass twitter bird.
paulirish authored
77 </p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
78
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
79 <h2 id="how_do_i_understand_how_browsers_work" class="subhed">How do I understand how browsers work?</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
80
81 <ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored
82 <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
83 <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
84 </ul>
85
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
86 <h2 id="other_learning_resources" class="subhed">Other learning resources</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
87
88 <ul>
311f214 @connor formatting & copy
connor authored
89 <li><a href="http://css-tricks.com">CSS-tricks</a> - provides a wealth of articles, tutorials, and downloads for the web design community.</li>
90 <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>
91 <li><a href="http://diveintohtml5.info/">Dive into HTML5</a> - takes an in depth look at a selection of HTML5 features.</li>
92 <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>
93 <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>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored
94 <li><a href="http://paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/">Web browser, frontend and standards feeds to follow</a> </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
95 </ul>
96
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
97 <h2 id="reference_docs_wikis" class="subhed">Reference docs/wikis</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
98
99 <ul>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored
100 <li><a href="https://developer.mozilla.org/en-US/">Mozilla&#8217;s MDN</a> - awesome documentation regarding HTML, CSS, JavaScript, the DOM, and more. 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>
311f214 @connor formatting & copy
connor authored
101 <li><a href="http://instacss.com/">InstaCSS</a> - quick UI to access the CSS documentation from MDN.</li>
102 <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
103 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
104 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
105 <div class="col-b">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
106 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
107 <h2 class="subhed">Itching to learn?</h2>
320b422 @connor "can you do this" - learn is written
connor authored
108 <div class="task" data-hashtag="#learn">
138fa46 @thatryan Altered get involved header text
thatryan authored
109 <p>All it takes is a quick read of a few articles or tweets and you can scratch that knowledge bug! Trust us &ndash; once you&#8217;ve gotten started, it just keeps getting easier.</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
110 <a href="#" class="pledge">Yes, I want to do this!</a>
111 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
320b422 @connor "can you do this" - learn is written
connor authored
112 </div>
689f5f7 @connor add content to 'can you do this'?
connor authored
113 </section>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
114 </div>
115 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
116
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
117 <section id="meetups" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
118 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
119 <h1 class="hed">Meet like-minded folks</h1>
6c5f09b @connor * center the site tagline
connor authored
120 <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
121 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
122 </section>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
123 <section id="askhelp" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
124 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
125 <h1 class="hed">Ask for help</h1>
126 <h2 id="answer_questions_and_participate_in_conversations_on_irc" class="subhed">Answer questions and participate in conversations on IRC</h2>
311f214 @connor formatting & copy
connor authored
127 <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>
128 <ul>
d2e2a4c @paulirish copy edits around...
paulirish authored
129 <li><b>Freenode IRC channels:</b> #html5 / #css / #javascript / #whatwg / #jquery </li>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
130 <li id="mozilla_irc"><b>Mozilla IRC channels:</b> #css / #js </li>
311f214 @connor formatting & copy
connor authored
131 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
132
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
133 <h2 id="how_to_ask_for_help" class="subhed">How to ask for help</h2>
134 <ol class="tasks">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
135 <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>
136 <li><a href="http://css-tricks.com/6263-reduced-test-cases/">Create a reduced test case</a></li>
311f214 @connor formatting & copy
connor authored
137 <li>Remember: be specific!</li>
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
138 <li>Ask on IRC, <a href="http://stackoverflow.com">StackOverflow</a> (even its <a href="http://chat.stackoverflow.com/rooms/17/javascript">javascript chatroom</a>), or a group of friends
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
139 </ol>
140 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored
141
142 <div class="col-b">
143 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
144 <h2 class="subhed">A helping hand.</h2>
320b422 @connor "can you do this" - learn is written
connor authored
145 <div class="task" data-hashtag="#ask4help">
06877df @connor add description to tab's future of css talk
connor authored
146 <p>We've all gotten to where we are by relying on others for help at some time or another. Don't be shy, and just ask! Just please make a jsfiddle first. =D</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
147 <a href="#" class="pledge">Yes, I want to do this!</a>
148 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
320b422 @connor "can you do this" - learn is written
connor authored
149 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored
150 </section>
151 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
152 </section>
153 </article>
154
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
155 <article class="section">
8fdc38b arrow lighter smaller
Divya Manian authored
156 <div class="standout" id=digdeep>
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored
157 <h1 class="hed">Dig Deep</h1>
158 <h2 class="subhed">You clearly know your way around. Now it's time to show it.</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
159 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
160 <section id="helpothers" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
161 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
162 <h1 class="hed">Help Others</h1>
a126c0a @connor Add content to the "help others" section
connor authored
163 <p>We've all got to start somewhere! Helping others reassures your knowledge, and also broadens the amount of concepts you're exposed to. Below are some great Open-Source projects that are always looking for help. Remember - no patch is too small!</p>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
164 <h2 id="open_source_projects_worth_your_time" class="subhed">Open-Source projects worth your time</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
165
166 <ul>
c524a1b @connor fix typo
connor authored
167 <li><a href="http://github.com/h5bp/html5-boilerplate">HTML5 Boilerplate</a> <span>- a clearinghouse for frontend dev best practices</span>
599f4d5 @addyosmani updating to reference the jQuery learning site in the projects list
addyosmani authored
168 <li><a href="https://github.com/jquery/learn.jquery.com">jQuery Learning Site</a> <span>- educational site for the popular jQuery library</span>
d2e2a4c @paulirish copy edits around...
paulirish authored
169 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a> <span>- mobile progressive enhancement best practices</span>
170 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a> <span>- feature detection's finest</span>
171 <li><a href="https://github.com/twitter/bootstrap">Twitter&#8217;s bootstrap</a> <span>- a css and js toolkit designed to kickstart development of webapps</span>
172 <li><a href="http://necolas.github.com/normalize.css/">Normalize.css</a> <span>- make all browsers render markup the same</span>
9649900 @paulirish adding dojo to list of projects.
paulirish authored
173 <li><a href="http://dojotoolkit.org/get-involved">Dojo</a> <span>- the comprehensive frontend app development toolkit</span>
5490f76 @paulirish rename section as its not rly for noobs.
paulirish authored
174 <li><a href="https://github.com/paulirish/lazyweb-requests/issues?state=open">Lazyweb requests</a> <span>- Web tools and solutions that would be cool to have for web developers.</span>
d2e2a4c @paulirish copy edits around...
paulirish authored
175 <li><a href="https://github.com/jquery/standards">jQuery standards project</a> <span>- issues and discussions relating to web standards</span>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
176 </ul>
83c4c2e fixing the inline links
Divya Manian authored
177 <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 podcast about getting involved</a>!</p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
178
179 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored
180
181 <div class="col-b">
182 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
183 <h2 class="subhed">Pass it on!</h2>
689f5f7 @connor add content to 'can you do this'?
connor authored
184 <div class="task" data-hashtag="#helpothers">
185 <p>Reading awesome code leads to writing awesome code. Look into the great projects listed below, and help them grow to be even more great than they already are.</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
186 <a href="#" class="pledge">Yes, I want to do this!</a>
187 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
689f5f7 @connor add content to 'can you do this'?
connor authored
188 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored
189 </section>
320b422 @connor "can you do this" - learn is written
connor authored
190 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
191 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
192 </section>
193
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
194 <section id="specs" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
195 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
196 <h1 class="hed">Give Feedback on Specifications</h1>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
197
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
198 <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>
199
a7ce813 adding contribs, tweaking now what style
Divya Manian authored
200 <ul>
fbff90a making the bottom content better
Divya Manian authored
201 <li>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a></li>
202 <li>Take an <a href="http://fantasai.inkedblade.net/weblog/2011/inside-csswg/">inside look at how the CSS WG works</a></li>
203 <li>Subscribe to these mailing lists to follow and contribute to the discussions that drive the web:
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
204 <ul class="resources">
2b0bae4 @paulirish merge spec links.
paulirish authored
205
206 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a> - technical discussion for the Web Applications Working Group</li>
207 <li><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> - technical discussion on Cascading Style Sheets (CSS) and its specifications</li>
fe87b87 @connor add descriptions to mailing lists
connor authored
208 <li><a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/">whatwg</a> - WHATWG's mailing list</li>
2b0bae4 @paulirish merge spec links.
paulirish authored
209 <li><a href="http://lists.w3.org/Archives/Public/public-html/">public-html</a> - W3C HTML Working Group</li>
79bbce9 @paulirish support for touch devices on :hover state.. revealing that text. also…
paulirish authored
210 <li><a href="http://lists.w3.org/Archives/Public/www-dom/">www-dom</a> - where the DOM is improved
2b0bae4 @paulirish merge spec links.
paulirish authored
211 <li><a href="http://lists.w3.org/Archives/Public/public-fx/">public-fx</a> - issues affecting the CSS and SVG Working Groups</li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
212 </ul>
213 </li>
d2e2a4c @paulirish copy edits around...
paulirish authored
214 <li>Read through the <a href="http://developers.whatwg.org/">HTML5 Spec for developers</a> (the implementor stuff removed, formatted beautifully for you)</li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
215 <li>
fbff90a making the bottom content better
Divya Manian authored
216 See the latest commits to the HTML and CSS specs by following their respective working groups on Twitter:
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
217 <ul class="resources">
e72d81d @paulirish small copy edits.
paulirish authored
218 <li><a href="http://twitter.com/whatwg">@whatwg</a></li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
219 <li><a href="http://twitter.com/csscommits">@csscommits</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
220 </ul>
221 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
222 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
223 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
224 <div class="col-b">
225 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
226 <h2 class="subhed">Are you specced out?</h2>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
227 <div class="task" data-hashtag="#feedback">
689f5f7 @connor add content to 'can you do this'?
connor authored
228 <p>We're the ones using the specs, so why don't we help make specs we love? Let's stand up for standards, and help make these even better!</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
229 <a href="#" class="pledge">Yes, I want to do this!</a>
230 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
320b422 @connor "can you do this" - learn is written
connor authored
231 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
232 </section>
233 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
234 </section>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
235
236 <section id="explore" class="col-ab">
237 <div class="col-a">
d8bc859 @paulirish copy edits.
paulirish authored
238 <h1 class="hed">Explore Frontend Features</h1>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
239 <p>Once you&#8217;ve picked up the basics, it&#8217;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>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
240
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored
241 <h2 id="examples_of_how_to_explore_features_well" class="subhed">Examples of how to explore features well</h2>
242 <ul>
a1efca9 @necolas Add some JS examples by kangax and addy to Explore section
necolas authored
243 <li><a href="http://perfectionkills.com/global-eval-what-are-the-options/">Global eval. What are the options?</a> <span> - kangax</span>
237fb1b @necolas Some copy cleanup
necolas authored
244 <li><a href="http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/">Multiple Backgrounds and Borders with CSS 2.1</a> <span> - Nicolas Gallagher</span>
245 <li><a href="http://nicolasgallagher.com/css-background-image-hacks/">CSS background-image hacks</a> <span> - Nicolas Gallagher</span>
4a22a15 @necolas Include John Allsopp's article on CSS transitions as a good example
necolas authored
246 <li><a href="http://www.webdirections.org/blog/let-the-web-move-you-css3-animations-and-transitions/">Let the Web move you — CSS3 Animations and Transitions</a> <span> - John Allsopp</span>
a1efca9 @necolas Add some JS examples by kangax and addy to Explore section
necolas authored
247 <li><a href="http://addyosmani.com/largescalejavascript/">Patterns For Large-Scale JavaScript Application Architecture</a> <span> - Addy Osmani</span>
237fb1b @necolas Some copy cleanup
necolas authored
248 <li><a href="http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/">The Cicada Principle and why it matters to web designers</a> <span> - Alex Walker</span>
d5b7383 @necolas Correct article name from 'webkit keyframe...' to 'keyframe...'. Fix #27
necolas authored
249 <li><a href="http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/">Keyframe animation syntax</a> <span> - Chris Coyier</span>
237fb1b @necolas Some copy cleanup
necolas authored
250 <li><a href="http://www.blog.highub.com/css/whats-new-in-css-selectors-level-4/">What's new in CSS Selectors (Level 4)</a> <span> - Shi Chuan</span>
e73886c @necolas Add posts by Mathias and Louis to good examples
necolas authored
251 <li><a href="http://mathiasbynens.be/notes/touch-icons">Everything you always wanted to know about touch icons</a> <span> - Mathias Bynens</span>
252 <li><a href="http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/">The z-index CSS Property: A Comprehensive Look</a> <span> - Louis Lazaris</span>
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored
253 </ul>
254
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
255 <h2 id="cool_ideas_to_explore_more" class="subhed">Cool features to explore more (and write about)</h2>
256
257 <p>Browsers ship new CSS features all the time. The vendor prefixes we love to hate are actually there so we developers can provide feedback on if the feature meets our needs. Encourage yourself to investigate if they do! This <a href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">vendor-prefixed CSS property overview</a>, by Peter Beverloo, has a lot of experimental CSS mentioned; much of which is not well understood. Consider writing about them and the items below:
258
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored
259 <ul>
132d1a9 @paulirish adding some DOM coolstuff for people to explore. thx -ot
paulirish authored
260 <li><a href="https://developer.mozilla.org/En/CSS/%3Achecked">The :checked selector</a> / <a href="http://dev.w3.org/csswg/css3-images/#object-fit">object-fit</a> / <a href="https://developer.mozilla.org/en/CSS/background-clip">background-clip</a> / <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html">fx blur css filter</a> / <a href="http://dropshado.ws/post/1015351370/webkit-line-clamp">-webkit-line-clamp</a> / <a href="https://developer.mozilla.org/en/CSS/text-overflow">text-overflow</a> / <a href="https://developer.mozilla.org/En/CSS/Box-sizing">box-sizing</a> / <a href="https://developer.mozilla.org/en/CSS3_Columns">CSS columns</a></li>
261 <li><code>history.pushState()</code>, HTML5 input <code>checkValidity()</code>, <code>getClientRects</code> / <code>getBoundingClientRect</code>, WebKit's <a href="http://developer.apple.com/library/safari/#documentation/DataManagement/Reference/DOMWindowAdditionsReference/DOMWindowAdditions/DOMWindowAdditions.html">ConvertPointFromPageToNode</a>
1a000ec adding some space at the top of sidebar. fixing explore section contents
Divya Manian authored
262 <li><a href="http://www.w3.org/TR/css3-gcpm/">CSS Generated Content for Paged Media Module (GCPM)</a>
263 <li>Differences between <code>word-wrap</code>, <code>word-break</code>, and <code>white-space</code>
264 <li>Harmony features like <a href="http://wiki.ecmascript.org/doku.php?id=harmony:let">let</a> / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:block_scoped_bindings">block-scoped bindings</a> / block functions / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:destructuring">destructuring</a> / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:rest_parameters">rest parameters</a> / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:parameter_default_values">default param values</a>.
b0d228b @necolas Add link to Web Components Explained draft
necolas authored
265 <li><a href="http://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html">Web Components Explained (very early draft)</a>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
266
79bbce9 @paulirish support for touch devices on :hover state.. revealing that text. also…
paulirish authored
267 <li><strong>Any features from these presentations:</strong>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
268 <ul>
269 <li><a href="http://vimeo.com/32135328">The Future of CSS</a> <span>- Tab Atkins on what to expect from CSS in the future.</span>
270 <li><a href="http://infrequently.org/11/fronteers/fronteers.html">Data, Semantics, and the Process of Progress </a> <span>- browser evolution, Component Model, MDV</span>
271 <li><a href="http://infrequently.org/11/ldnjs/ldnjs.html">[JS|DOM].next()</a> <span>- Alex Russell on the next version of ECMAScript.</span>
272 <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a> <span>- an interactive presentation on advanced CSS3 functionality.</span>
273 <li><a href="http://nimbu.in/w3conf/">The Future of Layouts in CSS</a> <span>- and how emerging specs will add proper layout control to CSS</span>
b0d228b @necolas Add link to Web Components Explained draft
necolas authored
274 <li><a href="http://mezzoblue.com/presentations/2011/fowd/FOWD.pdf">The Future of CSS</a> <span>- an overview of a number of surfacing CSS features.</span>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
275
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
276 </ul>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
277 </ul>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
278
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
279 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored
280 <div class="col-b">
281 <section class="getinvolved">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
282 <h2 class="subhed">Explore the unknown!</h2>
283 <div class="task" data-hashtag="#explore">
284 <p>Go for it! The only way to move the web forward is to dig in and used advanced features and APIs. Have fun - we know you will!</p>
285 </div>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
286 <a href="#" class="pledge">Yes, I want to do this!</a>
287 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored
288 </section>
289 </div>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
290 </section>
291
292
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
293 <section id="write" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
294 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
295 <h1 class="hed">Write</h1>
311f214 @connor formatting & copy
connor authored
296 <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
297
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
298 <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
299
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
300 <h2 id="what_should_you_start_to_learn_about" class="subhed">What should you write about?</h2>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
301
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
302 <p>Something you can teach others! Here are some ideas:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
303
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
304 <ul>
311f214 @connor formatting & copy
connor authored
305 <li>Why do the <code>&lt;br&gt;</code> and <code>&lt;hr&gt;</code> elements (or any element) exist?</li>
306 <li>How to create a slideshow with the least amount of code?</li>
307 <li>What is the DOM? Why does it exist?</li>
308 <li>Check how browsers implement a specific property and compare it to the spec. </li>
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored
309 <li>How a popular website implements their homepage (with suggestions for improvement)</li>
310 <li>How you would fix a popular website's faults (long load-time, invalid JS, etc...)
311f214 @connor formatting & copy
connor authored
311 <li>Take a popular demo and make it something else (or use it practically).</li>
312 <li>Make a summary of popular ideas around the web lately</li>
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored
313 <li>Your experience contributing to an open source project.</li>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
314 <li>How CSS preprocessors can lead to stringy and bad code if not managed correctly</li>
311f214 @connor formatting & copy
connor authored
315 <li>If you are a native speaker of a language other than English:
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
316 <ul class="resources">
317 <li>Translate some popular English web dev posts.</li>
318 <li>Elaborate on some of the features in the specs.</li>
319 </ul>
320 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
321 </ul>
322 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
323 <div class="col-b">
324 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
325 <h2 class="subhed">Write this down!</h2>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
326 <div class="task" data-hashtag="#write">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored
327 <p>Regardless of how many twitter followers or github watchers you have - write about what you learn!</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
328 <a href="#" class="pledge">Yes, I want to do this!</a>
329 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
320b422 @connor "can you do this" - learn is written
connor authored
330 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
331 </section>
332 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
333 </section>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
334 <section id="filebugs" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
335 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
336 <h1 class="hed">File bugs</h1>
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
337 <p>Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. =D In fact, IE10's platform previews is a great opportunty to file bug reports so things are fixed before they freeze the browser.</p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
338 <ul>
3fb166d @paulirish some small copy edits.
paulirish authored
339 <li><a href="http://coding.smashingmagazine.com/2011/09/07/help-the-community-report-browser-bugs/">Help the Community: Report Browser Bugs</a> by Lea Verou</li>
237fb1b @necolas Some copy cleanup
necolas authored
340 <li><a href="http://ejohn.org/blog/a-web-developers-responsibility/">A Web Developer&#8217;s Responsibility</a> by John Resig</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
341 <li>
3fb166d @paulirish some small copy edits.
paulirish authored
342 <p>Browser issue trackers - search for existing bug reports or submit new ones</p>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
343 <ul class="resources">
311f214 @connor formatting & copy
connor authored
344 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
345 <li><a href="https://bugs.webkit.org/">Webkit bugs</a></li>
346 <li><a href="http://crbug.com/">Chrome bugs</a></li>
347 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
348 <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
349 </ul>
350 </li>
351 </ul>
352 </div>
689f5f7 @connor add content to 'can you do this'?
connor authored
353 <div class="col-b">
354 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
355 <h2 class="subhed">Stop bugging out!</h2>
320b422 @connor "can you do this" - learn is written
connor authored
356 <div class="task" data-hashtag="#filebugs">
689f5f7 @connor add content to 'can you do this'?
connor authored
357 <p>This is the quickest way for browsers to get better - by filing and working on bugs. It takes just a few moments, and anybody can do it.</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
358 <a href="#" class="pledge">Yes, I want to do this!</a>
359 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
320b422 @connor "can you do this" - learn is written
connor authored
360 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
361 </section>
362 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
363 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
364 </article>
365 <article class="section">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored
366 <div class="standout" id=virtuoso>
4e14894 winrar is so lame-school, virtuoso it is.
Divya Manian authored
367 <h1 class="hed">Virtuoso!</h1>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
368 <h2 class="subhed">You are the expert and you are bored with all these suggestions? May we suggest you these?</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
369 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
370 <section id="hack" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored
371 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
372 <h1 class="hed">Hack!</h1>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored
373 <p>Push the web to its 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>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
374 <h2 id="contribute_to_browsers" class="subhed">Contribute to browsers</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
375 <ul>
6c5f09b @connor * center the site tagline
connor authored
376 <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
377 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
378 Write patches!</li>
379 <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">Reduce test cases for Mozilla</a></li>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored
380 <li>Hack on Gecko
381 <ul>
382 <li>a <a href="http://bit.ly/ubtxSq">list of &#8220;good first bugs&#8221; for Firefox/Gecko</a>
383 <li>Join #introduction and #developers on <a href="#mozilla_irc">Mozilla's IRC server</a>
384 </ul>
385 <li>Hack on Webkit
386 <ul>
387 <li><a href="http://dev.chromium.org/developers/contributing-to-webkit">Google&#8217;s guide on how to contribute to WebKit</a>
388 </ul>
320b422 @connor "can you do this" - learn is written
connor authored
389 </ul>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
390
391 <h2 id="contribute_to_testsuites" class="subhed">Contribute to Test Suites</h2>
392
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored
393 <p>Test cases are fundamental to standards and to browsers. They assure things work the same across browsers. Yet right now, the W3C test suites don't have nearly as many tests as they need. Tests are written in the languages of web developers: HTML, CSS, and JavaScript. </p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
394
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
395 <ul>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored
396 <li>Get the overview of the
397 <a href="http://www.w3.org/2008/webapps/wiki/Testing">w3c webapps test suite</a>, the
398 <a href="http://www.w3.org/html/wg/wiki/Testing">w3c HTML5 test suite</a>,
399 and the <a href="http://wiki.csswg.org/test">CSSWG test suite</a>
400
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
401 <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
402 <li>Upstream <a href="http://trac.webkit.org/browser/trunk/LayoutTests">WebKit&#8217;s LayoutTests</a>. <span>Also see the LayoutTests <a href="http://www.webkit.org/blog/1452/layout-tests-theory/">theory</a> & <a href="http://www.webkit.org/blog/1456/layout-tests-practice/">practice</a></span>
403 <li>Upstream <a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s Mochitests</a></li>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored
404 <li>Join the convo on <a href="http://lists.w3.org/Archives/Public/public-webapps-testsuite/">public-webapps-testsuite</a>, <a href="http://lists.w3.org/Archives/Public/public-html-testsuite/">public-html-testsuite</a>, and <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite</a>.</li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored
405 </ul>
406
407
408 <h2 id="contribute_to_specs" class="subhed">Contribute to specifications</h2>
409 <ul>
410 <li>Review existing bugs on <a href="http://www.w3.org/Bugs/Public/">W3C bugzilla</a> <span>- and learn <a href="http://wiki.whatwg.org/wiki/Bugzilla_conventions">Bugzilla conventions</a></span>
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
411 <li>Particpate in <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> / <a href="http://lists.w3.org/Archives/Public/public-fx/">public-fx</a> discussions</li>
3fb166d @paulirish some small copy edits.
paulirish authored
412 <li><a href="http://wiki.whatwg.org/wiki/How_to_write_a_spec">Write Specs!</a> <span>we could certainly use more spec writers</span></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
413 </ul>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
414 <h2 id="contribute_to_validators" class="subhed">Contribute to validators</h2>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
415 <ul>
f95a8bf @paulirish li:hover span { opacity: 1;}
paulirish authored
416 <li>
417 <a href="http://validator.nu/">HTML Validator</a> <span>needs some developer lovin', deets at <a href="https://github.com/paulirish/lazyweb-requests/issues/18">lazyweb-reqs/18</a></span>
51fd7d2 @paulirish this is why i hate closing </li> tags.
paulirish authored
418 <li>
419 <a href="http://lists.w3.org/Archives/Public/www-validator-css/">CSS Validator</a> <span>can always use some help. hop on that mailing list!</span>
420 <li>
421 <a href="https://bitbucket.org/annevk/webvtt">WebVTT</a> <span>a video subtitling format, is an active area of standards interest</span>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
422 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored
423 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
424 <div class="col-b">
425 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored
426 <h2 class="subhed">I&#8217;m in your codez!</h2>
320b422 @connor "can you do this" - learn is written
connor authored
427 <div class="task" data-hashtag="#hack">
689f5f7 @connor add content to 'can you do this'?
connor authored
428 <p>Just build stuff. Experiment, fork repos, dig through code. Contribute to the browsers, specs, validators, or great <a href="#open_source_projects_worth_your_time">Open-Source projects</a>!</p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored
429 <a href="#" class="pledge">Yes, I want to do this!</a>
430 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
320b422 @connor "can you do this" - learn is written
connor authored
431 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored
432 </section>
433 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
434 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored
435 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored
436
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
437
b7e1f57 @paulirish pug
paulirish authored
438
a26c1e7 @necolas Remove tab indentation from index
necolas authored
439 <footer class="doc">
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
440
441 <p class="subhed summary">
2537202 @paulirish updating to divyas summary text.
paulirish authored
442 You can make the web as awesome as you want it to be. Browser vendors, standards editors and library creators actively seek your voice and your contribution. <br>Together we can move the web forward.
443
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored
444 </p>
445
b7e1f57 @paulirish pug
paulirish authored
446 <img src="img/pugerton.png" alt="Pugerton">
447
c37206d @connor some progress on the bottom section
connor authored
448 <p class="subhed">Made with love &amp; tears by </p>
6084dfd @connor removing </li>'s like a boss.
connor authored
449
8b2b6aa @thatryan cleaned up credits area
thatryan authored
450 <ul class="builders">
6084dfd @connor removing </li>'s like a boss.
connor authored
451 <li><a href="http://twitter.com/wilto"><img src="https://api.twitter.com/1/users/profile_image?screen_name=wilto&size=normal"> <b>Mat</b> Marquis</a>
452 <li><a href=http://twitter.com/aaronforsander><img src="https://api.twitter.com/1/users/profile_image?screen_name=aaronforsander&size=normal"> <b>Aaron</b> Forsander</a>
453 <li><a href=http://twitter.com/c_t_montgomery><img src="https://api.twitter.com/1/users/profile_image?screen_name=c_t_montgomery&size=normal"> <b>Connor Montgomery</b></a>
454 <li><a href=http://twitter.com/paul_irish><img src="https://api.twitter.com/1/users/profile_image?screen_name=paul_irish&size=normal"> <b>Paul</b> Irish</a>
455 <li><a href=http://twitter.com/divya><img src="https://api.twitter.com/1/users/profile_image?screen_name=divya&size=normal"> <b>Divya</b> Manian</a>
456 <li><a href=http://twitter.com/necolas><img src="https://api.twitter.com/1/users/profile_image?screen_name=necolas&size=normal"> <b>Nicolas</b> Gallagher</a>
457 <li><a href="http://twitter.com/addyosmani"><img src="https://api.twitter.com/1/users/profile_image?screen_name=addyosmani&size=normal"> <b>Addy</b> Osmani</a>
8b2b6aa @thatryan cleaned up credits area
thatryan authored
458 </ul>
bcbf3c5 footer other contributors
Divya Manian authored
459 <p class="others">& <a href="https://github.com/h5bp/igotmybeanie/contributors"><span>all these awesome people</span>.</a></p>
c37206d @connor some progress on the bottom section
connor authored
460 <p><a href=https://github.com/h5bp/igotmybeanie>Contribute to this project!</a></p>
a26c1e7 @necolas Remove tab indentation from index
necolas authored
461 </footer>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored
462
a26c1e7 @necolas Remove tab indentation from index
necolas authored
463 <script>
e4ec169 @Wilto A work very much in progress.
Wilto authored
464 /*
a26c1e7 @necolas Remove tab indentation from index
necolas authored
465 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
466 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
467 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
468 s.parentNode.insertBefore(g,s)}(document,'script'));
e4ec169 @Wilto A work very much in progress.
Wilto authored
469 */
a26c1e7 @necolas Remove tab indentation from index
necolas authored
470 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored
471 </body>
472 </html>
Something went wrong with that request. Please try again.