Skip to content
Newer
Older
100644 453 lines (397 sloc) 34.3 KB
298944a @paulirish conditional classname cleanup. custom doctype (how very paul irish). …
paulirish authored Nov 29, 2011
1 <!DOCTYPE html public "i ♥ the web">
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored Nov 29, 2011
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 Nov 17, 2011
4 <head>
44511f4 @necolas Fix appearance in IE8. Remove text-shadow on ::selection.
necolas authored Nov 28, 2011
5 <meta charset="utf-8">
f9c0431 @paulirish rename h1/h2/title.
paulirish authored Nov 29, 2011
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 Nov 28, 2011
7 <meta name="description" content="What you can do as a front-end developer">
4897b37 @Wilto Small-screen tweaks.
Wilto authored Nov 29, 2011
8 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 28, 2011
9
92c825b @necolas Remove media attribute from stylesheet, gives old IE some proper styles
necolas authored Nov 29, 2011
10 <link rel="stylesheet" href="css/style.css">
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored Nov 17, 2011
11
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
12 <!-- Should be combined: -->
13 <script src="js/libs/modernizr.min.js"></script>
14 <script src="js/controller.js"></script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored Nov 17, 2011
15 </head>
16
17 <body>
7319270 trying stupid parallax
Divya Manian authored Nov 29, 2011
18 <b class="gimmick"><i></i><i></i></b>
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
19 <header class="col-ab">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
20 <div class="lead">
03c01f5 @paulirish first pass at fadey dino hats.
paulirish authored Nov 29, 2011
21 <h1 class="hed-lead">Move the Web Forward<span></span></h1>
ecf2b3f @Wilto Revamped page lead, including dinosaurs.
Wilto authored Nov 29, 2011
22 <h2 class="subhed-lead">Wear a beanie today, build the web tomorrow</h2>
23 <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 Nov 29, 2011
24 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
25 <div class="col-split">
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
26 <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 Nov 29, 2011
27 <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 Nov 27, 2011
28 </div>
29 </header>
ecf2b3f @Wilto Revamped page lead, including dinosaurs.
Wilto authored Nov 30, 2011
30 <nav id="toc">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored Nov 29, 2011
31 <ul>
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored Nov 30, 2011
32 <li><a href=#levelup>Level up!</a></li>
33 <li><a href=#digdeep>Dig Deep</a></li>
34 <li><a href=#virtuoso>Virtuoso</a></li>
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored Nov 29, 2011
35 </ul>
36 </nav>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
37
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
38 <article class="section">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored Nov 29, 2011
39 <div class="standout" id=levelup>
5490f76 @paulirish rename section as its not rly for noobs.
paulirish authored Nov 29, 2011
40 <h1 class="hed">Level up!</h1>
3f192f7 @connor make diving into the community fun
connor authored Nov 29, 2011
41 <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 Nov 27, 2011
42 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
43
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
44 <section id="learn" class="col-ab">
45 <div class="col-a">
46 <h1 class="hed">Learn</h1>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
47 <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 Nov 27, 2011
48
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
49 <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 Nov 27, 2011
50 <ul>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
51 <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 Nov 28, 2011
52 <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 Nov 29, 2011
53 <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 Nov 29, 2011
54 <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 Nov 29, 2011
55 <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 Nov 29, 2011
56 <li><a href="http://updates.html5rocks.com">HTML5 Rocks updates</a> - HTML5 and Chrome breaking news
57
67918d0 @connor add IE blog and mozhacks to 'how to keep up'
connor authored Nov 29, 2011
58 <li><a href="http://hacks.mozilla.org/">Mozilla Hacks</a> - cool apps and HTML5 features
59 <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 Nov 28, 2011
60 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
61
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
62 <h3 id="follow_them_on_twitter" class="subhed">Follow them on Twitter</h3>
939e8bf @paulirish sweetass twitter bird.
paulirish authored Nov 28, 2011
63 <p>
cfd44b5 @connor descriptions to elements in "Explore" section
connor authored Nov 29, 2011
64 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 Nov 29, 2011
65 </p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
66
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
67 <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 Nov 28, 2011
68
69 <ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored Nov 29, 2011
70 <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 Nov 28, 2011
71 <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 Nov 28, 2011
72 </ul>
73
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
74 <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 Nov 28, 2011
75
76 <ul>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
77 <li><a href="http://css-tricks.com">CSS-tricks</a> - provides a wealth of articles, tutorials, and downloads for the web design community.</li>
78 <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>
79 <li><a href="http://diveintohtml5.info/">Dive into HTML5</a> - takes an in depth look at a selection of HTML5 features.</li>
80 <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>
81 <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>
82 <li><a href="http://paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/">Awesome RSS feeds to follow</a> - brought to you by Paul Irish</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
83 </ul>
84
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
85 <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 Nov 28, 2011
86
87 <ul>
fbff90a making the bottom content better
Divya Manian authored Nov 28, 2011
88 <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!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 Nov 28, 2011
89 <li><a href="http://instacss.com/">InstaCSS</a> - quick UI to access the CSS documentation from MDN.</li>
90 <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 Nov 28, 2011
91 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
92 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
93 <div class="col-b">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
94 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 28, 2011
95 <h2 class="subhed">Itching to learn?</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 28, 2011
96 <div class="task" data-hashtag="#learn">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
97 <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 Nov 30, 2011
98 <a href="#" class="pledge">Yes, I want to do this!</a>
99 <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 Nov 29, 2011
100 </div>
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 28, 2011
101 </section>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
102 </div>
103 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
104
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
105 <section id="meetups" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
106 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
107 <h1 class="hed">Meet like-minded folks</h1>
6c5f09b @connor * center the site tagline
connor authored Nov 28, 2011
108 <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 Nov 28, 2011
109 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
110 </section>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
111 <section id="askhelp" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
112 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
113 <h1 class="hed">Ask for help</h1>
114 <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 Nov 28, 2011
115 <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>
116 <ul>
d2e2a4c @paulirish copy edits around...
paulirish authored Nov 29, 2011
117 <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 Nov 30, 2011
118 <li id="mozilla_irc"><b>Mozilla IRC channels:</b> #css / #js </li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
119 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
120
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
121 <h2 id="how_to_ask_for_help" class="subhed">How to ask for help</h2>
122 <ol class="tasks">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
123 <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>
124 <li><a href="http://css-tricks.com/6263-reduced-test-cases/">Create a reduced test case</a></li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
125 <li>Remember: be specific!</li>
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
126 <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 Nov 28, 2011
127 </ol>
128 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 29, 2011
129
130 <div class="col-b">
131 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
132 <h2 class="subhed">A helping hand.</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
133 <div class="task" data-hashtag="#ask4help">
06877df @connor add description to tab's future of css talk
connor authored Nov 29, 2011
134 <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 Nov 30, 2011
135 <a href="#" class="pledge">Yes, I want to do this!</a>
136 <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 Nov 29, 2011
137 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
138 </section>
139 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
140 </section>
141 </article>
142
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
143 <article class="section">
8fdc38b arrow lighter smaller
Divya Manian authored Nov 29, 2011
144 <div class="standout" id=digdeep>
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored Nov 30, 2011
145 <h1 class="hed">Dig Deep</h1>
146 <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 Nov 28, 2011
147 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
148 <section id="helpothers" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
149 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
150 <h1 class="hed">Help Others</h1>
a126c0a @connor Add content to the "help others" section
connor authored Nov 28, 2011
151 <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 Nov 29, 2011
152 <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 Nov 28, 2011
153
154 <ul>
c524a1b @connor fix typo
connor authored Nov 29, 2011
155 <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 Nov 30, 2011
156 <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 Nov 29, 2011
157 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a> <span>- mobile progressive enhancement best practices</span>
158 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a> <span>- feature detection's finest</span>
159 <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>
160 <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 Nov 29, 2011
161 <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 Nov 29, 2011
162 <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 Nov 29, 2011
163 <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 Nov 28, 2011
164 </ul>
83c4c2e fixing the inline links
Divya Manian authored Nov 29, 2011
165 <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 Nov 28, 2011
166
167 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
168
169 <div class="col-b">
170 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
171 <h2 class="subhed">Pass it on!</h2>
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
172 <div class="task" data-hashtag="#helpothers">
173 <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 Nov 30, 2011
174 <a href="#" class="pledge">Yes, I want to do this!</a>
175 <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 Nov 29, 2011
176 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
177 </section>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
178 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
179 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
180 </section>
181
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
182 <section id="specs" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
183 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
184 <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 Nov 28, 2011
185
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
186 <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>
187
a7ce813 adding contribs, tweaking now what style
Divya Manian authored Nov 28, 2011
188 <ul>
fbff90a making the bottom content better
Divya Manian authored Nov 29, 2011
189 <li>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a></li>
190 <li>Take an <a href="http://fantasai.inkedblade.net/weblog/2011/inside-csswg/">inside look at how the CSS WG works</a></li>
191 <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 Nov 29, 2011
192 <ul class="resources">
2b0bae4 @paulirish merge spec links.
paulirish authored Nov 29, 2011
193
194 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a> - technical discussion for the Web Applications Working Group</li>
195 <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 Nov 29, 2011
196 <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 Nov 29, 2011
197 <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 Nov 29, 2011
198 <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 Nov 29, 2011
199 <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 Nov 27, 2011
200 </ul>
201 </li>
d2e2a4c @paulirish copy edits around...
paulirish authored Nov 29, 2011
202 <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 Nov 27, 2011
203 <li>
fbff90a making the bottom content better
Divya Manian authored Nov 29, 2011
204 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 Nov 29, 2011
205 <ul class="resources">
e72d81d @paulirish small copy edits.
paulirish authored Nov 29, 2011
206 <li><a href="http://twitter.com/whatwg">@whatwg</a></li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
207 <li><a href="http://twitter.com/csscommits">@csscommits</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
208 </ul>
209 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
210 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
211 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
212 <div class="col-b">
213 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
214 <h2 class="subhed">Are you specced out?</h2>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
215 <div class="task" data-hashtag="#feedback">
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
216 <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 Nov 30, 2011
217 <a href="#" class="pledge">Yes, I want to do this!</a>
218 <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 Nov 29, 2011
219 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
220 </section>
221 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
222 </section>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
223
224 <section id="explore" class="col-ab">
225 <div class="col-a">
d8bc859 @paulirish copy edits.
paulirish authored Nov 29, 2011
226 <h1 class="hed">Explore Frontend Features</h1>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
227 <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 Nov 30, 2011
228
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored Nov 29, 2011
229 <h2 id="examples_of_how_to_explore_features_well" class="subhed">Examples of how to explore features well</h2>
230 <ul>
237fb1b @necolas Some copy cleanup
necolas authored Nov 29, 2011
231 <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>
232 <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 Nov 30, 2011
233 <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>
237fb1b @necolas Some copy cleanup
necolas authored Nov 29, 2011
234 <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>
235 <li><a href="http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/">WebKit keyframe animation syntax</a> <span> - Chris Coyier</span>
236 <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 Nov 30, 2011
237 <li><a href="http://mathiasbynens.be/notes/touch-icons">Everything you always wanted to know about touch icons</a> <span> - Mathias Bynens</span>
238 <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 Nov 29, 2011
239 </ul>
240
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 29, 2011
241 <h2 id="cool_ideas_to_explore_more" class="subhed">Cool features to explore more (and write about)</h2>
242
243 <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:
244
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored Nov 29, 2011
245 <ul>
132d1a9 @paulirish adding some DOM coolstuff for people to explore. thx -ot
paulirish authored Nov 29, 2011
246 <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>
247 <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 Nov 29, 2011
248 <li><a href="http://www.w3.org/TR/css3-gcpm/">CSS Generated Content for Paged Media Module (GCPM)</a>
249 <li>Differences between <code>word-wrap</code>, <code>word-break</code>, and <code>white-space</code>
250 <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 Nov 30, 2011
251 <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 Nov 30, 2011
252
79bbce9 @paulirish support for touch devices on :hover state.. revealing that text. also…
paulirish authored Nov 30, 2011
253 <li><strong>Any features from these presentations:</strong>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
254 <ul>
255 <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>
256 <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>
257 <li><a href="http://infrequently.org/11/ldnjs/ldnjs.html">[JS|DOM].next()</a> <span>- Alex Russell on the next version of ECMAScript.</span>
258 <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a> <span>- an interactive presentation on advanced CSS3 functionality.</span>
259 <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 Nov 30, 2011
260 <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 Nov 30, 2011
261
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
262 </ul>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
263 </ul>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
264
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
265 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
266 <div class="col-b">
267 <section class="getinvolved">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
268 <h2 class="subhed">Explore the unknown!</h2>
269 <div class="task" data-hashtag="#explore">
270 <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>
271 </div>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored Nov 30, 2011
272 <a href="#" class="pledge">Yes, I want to do this!</a>
273 <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 Nov 30, 2011
274 </section>
275 </div>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
276 </section>
277
278
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
279 <section id="write" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
280 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
281 <h1 class="hed">Write</h1>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
282 <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 Nov 27, 2011
283
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
284 <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 Nov 27, 2011
285
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
286 <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 Nov 27, 2011
287
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
288 <p>Something you can teach others! Here are some ideas:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
289
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
290 <ul>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
291 <li>Why do the <code>&lt;br&gt;</code> and <code>&lt;hr&gt;</code> elements (or any element) exist?</li>
292 <li>How to create a slideshow with the least amount of code?</li>
293 <li>What is the DOM? Why does it exist?</li>
294 <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 Nov 29, 2011
295 <li>How a popular website implements their homepage (with suggestions for improvement)</li>
296 <li>How you would fix a popular website's faults (long load-time, invalid JS, etc...)
311f214 @connor formatting & copy
connor authored Nov 28, 2011
297 <li>Take a popular demo and make it something else (or use it practically).</li>
298 <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 Nov 29, 2011
299 <li>Your experience contributing to an open source project.</li>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
300 <li>How CSS preprocessors can lead to stringy and bad code if not managed correctly</li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
301 <li>If you are a native speaker of a language other than English:
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
302 <ul class="resources">
303 <li>Translate some popular English web dev posts.</li>
304 <li>Elaborate on some of the features in the specs.</li>
305 </ul>
306 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
307 </ul>
308 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
309 <div class="col-b">
310 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
311 <h2 class="subhed">Write this down!</h2>
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
312 <div class="task" data-hashtag="#write">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
313 <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 Nov 30, 2011
314 <a href="#" class="pledge">Yes, I want to do this!</a>
315 <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 Nov 29, 2011
316 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
317 </section>
318 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
319 </section>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
320 <section id="filebugs" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
321 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
322 <h1 class="hed">File bugs</h1>
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
323 <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 Nov 28, 2011
324 <ul>
3fb166d @paulirish some small copy edits.
paulirish authored Nov 29, 2011
325 <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 Nov 29, 2011
326 <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 Nov 28, 2011
327 <li>
3fb166d @paulirish some small copy edits.
paulirish authored Nov 29, 2011
328 <p>Browser issue trackers - search for existing bug reports or submit new ones</p>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
329 <ul class="resources">
311f214 @connor formatting & copy
connor authored Nov 28, 2011
330 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
331 <li><a href="https://bugs.webkit.org/">Webkit bugs</a></li>
332 <li><a href="http://crbug.com/">Chrome bugs</a></li>
333 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
334 <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 Nov 28, 2011
335 </ul>
336 </li>
337 </ul>
338 </div>
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
339 <div class="col-b">
340 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
341 <h2 class="subhed">Stop bugging out!</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
342 <div class="task" data-hashtag="#filebugs">
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
343 <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 Nov 30, 2011
344 <a href="#" class="pledge">Yes, I want to do this!</a>
345 <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 Nov 29, 2011
346 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
347 </section>
348 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
349 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
350 </article>
351 <article class="section">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored Nov 29, 2011
352 <div class="standout" id=virtuoso>
4e14894 winrar is so lame-school, virtuoso it is.
Divya Manian authored Nov 28, 2011
353 <h1 class="hed">Virtuoso!</h1>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
354 <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 Nov 28, 2011
355 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
356 <section id="hack" class="col-ab">
aacb83f adding twitter to sidebar. need the content to be tweaked. list items…
Divya Manian authored Nov 28, 2011
357 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
358 <h1 class="hed">Hack!</h1>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
359 <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 Nov 29, 2011
360 <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 Nov 28, 2011
361 <ul>
6c5f09b @connor * center the site tagline
connor authored Nov 28, 2011
362 <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 Nov 28, 2011
363 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
364 Write patches!</li>
365 <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">Reduce test cases for Mozilla</a></li>
1a000ec adding some space at the top of sidebar. fixing explore section contents
Divya Manian authored Nov 29, 2011
366 <li>Hack on WebKit or Gecko, here is a <a href="http://bit.ly/ubtxSq">list of &#8220;good first bugs&#8221; for Firefox/Gecko</a>
83c4c2e fixing the inline links
Divya Manian authored Nov 30, 2011
367 <li>Join #introduction and #developers on <a href="#mozilla_irc">Mozilla's IRC server</a></li>
6c5f09b @connor * center the site tagline
connor authored Nov 28, 2011
368 <li><a href="http://dev.chromium.org/developers/contributing-to-webkit">Google&#8217;s guide on how to contribute to WebKit</a></li>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
369 </ul>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
370
371 <h2 id="contribute_to_testsuites" class="subhed">Contribute to Test Suites</h2>
372
373 <p>Test cases are fundamental to standards and to browsers. You can make <a href="http://www.w3.org/html/wg/wiki/Testing">The W3C test suite for HTML</a> better! </p>
ffdf299 @pifantastic Moving twitter links out of plugin. Hiding avatar message when there …
pifantastic authored Nov 30, 2011
374
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
375 <ul>
eee4561 @connor added test suites
connor authored Nov 29, 2011
376 <li>See the W3C Guide on <a href="http://www.w3.org/2008/webapps/wiki/Testing">getting started with their test suite</a></li>
377 <li>Getting started with the <a href="http://wiki.csswg.org/test">CSSWG test suite</a></li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
378 <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
379 <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>
380 <li>Upstream <a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s Mochitests</a></li>
eee4561 @connor added test suites
connor authored Nov 30, 2011
381 <li>Help out with <a href="http://lists.w3.org/Archives/Public/public-webapps-testsuite/">public-webapps</a> testing</li>
0ef5aa4 @connor change public-css to public-css-testSuite
connor authored Nov 29, 2011
382 <li>Check out the <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testSuite</a> list</li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
383 </ul>
384
385
386 <h2 id="contribute_to_specs" class="subhed">Contribute to specifications</h2>
387 <ul>
388 <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 Nov 30, 2011
389 <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 Nov 29, 2011
390 <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 Nov 28, 2011
391 </ul>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
392 <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 Nov 28, 2011
393 <ul>
f95a8bf @paulirish li:hover span { opacity: 1;}
paulirish authored Nov 28, 2011
394 <li>
395 <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 Nov 29, 2011
396 <li>
397 <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>
398 <li>
399 <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 Nov 28, 2011
400 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
401 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
402 <div class="col-b">
403 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
404 <h2 class="subhed">I&#8217;m in your codez!</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
405 <div class="task" data-hashtag="#hack">
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
406 <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 Nov 30, 2011
407 <a href="#" class="pledge">Yes, I want to do this!</a>
408 <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 Nov 29, 2011
409 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
410 </section>
411 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
412 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
413 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored Nov 25, 2011
414
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
415
b7e1f57 @paulirish pug
paulirish authored Nov 29, 2011
416
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
417 <footer class="doc">
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
418
419 <p class="subhed summary">
2537202 @paulirish updating to divyas summary text.
paulirish authored Nov 29, 2011
420 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.
421
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
422 </p>
423
b7e1f57 @paulirish pug
paulirish authored Nov 29, 2011
424 <img src="img/pugerton.png" alt="Pugerton">
425
8b2b6aa @thatryan cleaned up credits area
thatryan authored Nov 29, 2011
426 <p>Made with love &amp; tears by </p>
427
428 <ul class="builders">
2a6c95f fixing the scrolly sticky. and half way thro footer fiddling
Divya Manian authored Nov 29, 2011
429 <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> </li>
430 <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> </li>
431 <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> </li>
432 <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> </li>
433 <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> </li>
93f4aef no more twitter birdie
Divya Manian authored Nov 29, 2011
434 <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> </li>
2a6c95f fixing the scrolly sticky. and half way thro footer fiddling
Divya Manian authored Nov 30, 2011
435 <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> </li>
8b2b6aa @thatryan cleaned up credits area
thatryan authored Nov 30, 2011
436
437 </ul>
5c1a739 @thatryan Stylized avatar list
thatryan authored Nov 29, 2011
438
439 <p>& <a href="https://github.com/h5bp/igotmybeanie/contributors"><span>more</span></a></p>
a7ce813 adding contribs, tweaking now what style
Divya Manian authored Nov 29, 2011
440 <p><a href=https://github.com/h5bp/igotmybeanie>Contribute to this project</a></p>
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
441 </footer>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
442
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
443 <script>
e4ec169 @Wilto A work very much in progress.
Wilto authored Nov 21, 2011
444 /*
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
445 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
446 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
447 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
448 s.parentNode.insertBefore(g,s)}(document,'script'));
e4ec169 @Wilto A work very much in progress.
Wilto authored Nov 21, 2011
449 */
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
450 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored Nov 17, 2011
451 </body>
452 </html>
Something went wrong with that request. Please try again.