Skip to content
Newer
Older
100644 479 lines (425 sloc) 37.5 KB
298944a @paulirish conditional classname cleanup. custom doctype (how very paul irish). …
paulirish authored Nov 29, 2011
1 <!DOCTYPE html public "i ♥ the web">
8e126ea @mathiasbynens Enable Google Analytics
mathiasbynens authored Nov 30, 2011
2 <!--[if lt IE 9]> <html class="no-js oldie no-fontface" lang="en"> <![endif]-->
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored Nov 29, 2011
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">
17c631b @connor add apple-touch-icons and favicon
connor authored Nov 30, 2011
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">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 28, 2011
16
92c825b @necolas Remove media attribute from stylesheet, gives old IE some proper styles
necolas authored Nov 29, 2011
17 <link rel="stylesheet" href="css/style.css">
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored Nov 17, 2011
18
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
19 <!-- Should be combined: -->
20 <script src="js/libs/modernizr.min.js"></script>
21 <script src="js/controller.js"></script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored Nov 17, 2011
22 </head>
23
24 <body>
1af091c adding light red triangle
Divya Manian authored Nov 29, 2011
25 <b class="gimmick"><i></i><i></i><i></i></b>
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
26 <header class="col-ab">
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
27 <div class="lead">
03c01f5 @paulirish first pass at fadey dino hats.
paulirish authored Nov 29, 2011
28 <h1 class="hed-lead">Move the Web Forward<span></span></h1>
04a65dd @paulirish it's not beanie day anymore. updating subtitle. also @webkit is depre…
paulirish authored Dec 1, 2011
29 <h2 class="subhed-lead">You can make the web as awesome as you want it to be.</h2>
ecf2b3f @Wilto Revamped page lead, including dinosaurs.
Wilto authored Nov 29, 2011
30 <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
31 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
32 <div class="col-split">
b042c00 @paulirish arabic link
paulirish authored Feb 24, 2012
33 <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.
34 <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.
35 <p style="font-size:90%">Also available in <a href="/ar">عربى</a>.
36 </p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
37 </div>
38 </header>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
39
03d5be9 added container to the nav to preserve height for tasty transition wi…
Josh de Blank authored Nov 30, 2011
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 Nov 28, 2011
49
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
50 <article class="section">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored Nov 29, 2011
51 <div class="standout" id=levelup>
5490f76 @paulirish rename section as its not rly for noobs.
paulirish authored Nov 29, 2011
52 <h1 class="hed">Level up!</h1>
3f192f7 @connor make diving into the community fun
connor authored Nov 29, 2011
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 Nov 27, 2011
54 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
55
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
56 <section id="learn" class="col-ab">
57 <div class="col-a">
58 <h1 class="hed">Learn</h1>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
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 Nov 27, 2011
60
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
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 Nov 27, 2011
62 <ul>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 14, 2011
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 Nov 28, 2011
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 Nov 29, 2011
65 <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a> - summaries of weekly web standards activity</li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
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 Nov 29, 2011
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 Nov 29, 2011
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 Nov 29, 2011
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 Nov 28, 2011
72 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
73
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
74 <h3 id="follow_them_on_twitter" class="subhed">Follow them on Twitter</h3>
939e8bf @paulirish sweetass twitter bird.
paulirish authored Nov 28, 2011
75 <p>
ac252c0 Reverted HTML entity ampersands to literal &'s.
Eddie Kay authored Dec 14, 2011
76 You should probably follow: <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
77 </p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
78
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
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 Nov 28, 2011
80
81 <ul>
c20dea9 @necolas Capitalizations, minor copy clean up, links to Alex's slides.
necolas authored Nov 29, 2011
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 Nov 28, 2011
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 Nov 28, 2011
84 </ul>
85
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
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 Nov 28, 2011
87
88 <ul>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
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>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
94 <li><a href="http://dev.opera.com">Dev.Opera</a> - articles for learning about HTML5 features.</li>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored Nov 29, 2011
95 <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>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
96 <li><a href="http://yuilibrary.com/theater/">YUI Theater</a> - videos of talks about frontend engineering and web technologies given at Yahoo! over the years (many of them unrelated to YUI).</li>
97 <li><a href="http://www.adobe.com/devnet/html5.html">Adobe Developer Connection</a> - articles and videos for learning about HTML5, CSS3 and mobile development.</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
98 </ul>
99
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
100 <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
101
102 <ul>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored Nov 30, 2011
103 <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>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
104 <li><a href="http://dochub.io/">dochub.io</a> - quick access to MDN-docs, includes HTML, CSS, JavaScript, and DOM.</li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
105 <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>
9906286 @peol Added html5please.us
peol authored Jan 24, 2012
106 <li><a href="http://html5please.us/">HTML5 Please - Use new and shiny responsibly</a> - Encyclopedia for HTML5 features across browsers, look up specific features and see when/if you can use it.</li>
1eacf8b @peol Added dochub.io to reference list
peol authored Dec 7, 2011
107 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
108 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
109 <div class="col-b">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
110 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 28, 2011
111 <h2 class="subhed">Itching to learn?</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 28, 2011
112 <div class="task" data-hashtag="#learn">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
113 <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
114 <a href="#" class="pledge">Yes, I want to do this!</a>
115 <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
116 </div>
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 28, 2011
117 </section>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
118 </div>
119 </section>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
120
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
121 <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
122 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
123 <h1 class="hed">Meet like-minded folks</h1>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
124 <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</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
125 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
126 </section>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
127 <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
128 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
129 <h1 class="hed">Ask for help</h1>
130 <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
131 <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>
132 <ul>
7aea73a @schalkneethling Added bbg to list of IRC channels
schalkneethling authored Dec 6, 2011
133 <li><b>Freenode IRC channels:</b> #html5 / #css / #javascript / #whatwg / #jquery / #yui / #dojo / <span title="browser based game development">#bbg</span> (on <a href="http://webchat.freenode.net">irc.freenode.net</a>) </li>
3a6a744 Removing #css from moz irc and adding link to moz developer guide.
Divya Manian authored Dec 7, 2011
134 <li id="mozilla_irc"><b>Mozilla IRC channel:</b> #js (on <a href="http://irc.mozilla.org">irc.mozilla.org</a>)</li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
135 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
136
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
137 <h2 id="how_to_ask_for_help" class="subhed">How to ask for help</h2>
138 <ol class="tasks">
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
139 <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>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
140 <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
141 <li>Remember: be specific!</li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
142 <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
143 </ol>
144 </div>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
145
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 29, 2011
146 <div class="col-b">
147 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
148 <h2 class="subhed">A helping hand.</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
149 <div class="task" data-hashtag="#ask4help">
06877df @connor add description to tab's future of css talk
connor authored Nov 29, 2011
150 <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
151 <a href="#" class="pledge">Yes, I want to do this!</a>
152 <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
153 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
154 </section>
155 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
156 </section>
157 </article>
158
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
159 <article class="section">
8fdc38b arrow lighter smaller
Divya Manian authored Nov 29, 2011
160 <div class="standout" id=digdeep>
b856d56 @paulirish rename middle section for clarity (Mo Advanced -> Dig Deep). nav marg…
paulirish authored Nov 30, 2011
161 <h1 class="hed">Dig Deep</h1>
162 <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
163 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
164 <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
165 <div class="col-a">
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
166 <h1 class="hed">Help others</h1>
167 <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
168 <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
169
170 <ul>
c524a1b @connor fix typo
connor authored Nov 29, 2011
171 <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
172 <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
173 <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a> <span>- mobile progressive enhancement best practices</span>
174 <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a> <span>- feature detection's finest</span>
175 <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>
176 <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
177 <li><a href="http://dojotoolkit.org/get-involved">Dojo</a> <span>- the comprehensive frontend app development toolkit</span>
a3c22a9 @brianarn Added #dojo channel to IRC channel list
brianarn authored Dec 2, 2011
178 <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
179 <li><a href="https://github.com/jquery/standards">jQuery standards project</a> <span>- issues and discussions relating to web standards</span>
d58aa99 @rgrove Whoops, forgot to close a list item.
rgrove authored Nov 30, 2011
180 <li><a href="http://yuilibrary.com/">YUI</a> <span>- the Yahoo! User Interface Library</span></li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
181 </ul>
83c4c2e fixing the inline links
Divya Manian authored Nov 29, 2011
182 <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
183
184 </div>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
185
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
186 <div class="col-b">
187 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
188 <h2 class="subhed">Pass it on!</h2>
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
189 <div class="task" data-hashtag="#helpothers">
190 <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
191 <a href="#" class="pledge">Yes, I want to do this!</a>
192 <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
193 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
194 </section>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
195 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
196 </div>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
197 </section>
198
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
199 <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
200 <div class="col-a">
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
201 <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
202
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
203 <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>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
204
a7ce813 adding contribs, tweaking now what style
Divya Manian authored Nov 28, 2011
205 <ul>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
206 <li>Learn the <a href="http://diveintohtml5.info/past.html">history of HTML</a>.</li>
207 <li>Take an <a href="http://fantasai.inkedblade.net/weblog/2011/inside-csswg/">inside look at how the CSS WG works</a>.</li>
fbff90a making the bottom content better
Divya Manian authored Nov 28, 2011
208 <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
209 <ul class="resources">
2b0bae4 @paulirish merge spec links.
paulirish authored Nov 29, 2011
210 <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a> - technical discussion for the Web Applications Working Group</li>
211 <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
212 <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
213 <li><a href="http://lists.w3.org/Archives/Public/public-html/">public-html</a> - W3C HTML Working Group</li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
214 <li><a href="http://lists.w3.org/Archives/Public/www-dom/">www-dom</a> - where the DOM is improved</li>
2b0bae4 @paulirish merge spec links.
paulirish authored Nov 29, 2011
215 <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
216 </ul>
217 </li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
218 <li>Read through the <a href="http://developers.whatwg.org/">HTML5 Spec for developers</a> (the implementor stuff removed, formatted beautifully for you).</li>
219 <li>The easiest way to comment or give feedback on the contents of the <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML specification</a> is to select the text you want to comment on and leave a message using the form at the bottom of the page.</li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
220 <li>
fbff90a making the bottom content better
Divya Manian authored Nov 29, 2011
221 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
222 <ul class="resources">
e72d81d @paulirish small copy edits.
paulirish authored Nov 29, 2011
223 <li><a href="http://twitter.com/whatwg">@whatwg</a></li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
224 <li><a href="http://twitter.com/csscommits">@csscommits</a></li>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
225 </ul>
226 </li>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
227 </ul>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
228 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
229 <div class="col-b">
230 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
231 <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
232 <div class="task" data-hashtag="#feedback">
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
233 <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
234 <a href="#" class="pledge">Yes, I want to do this!</a>
235 <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
236 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
237 </section>
238 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
239 </section>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
240
241 <section id="explore" class="col-ab">
242 <div class="col-a">
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
243 <h1 class="hed">Explore frontend features</h1>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
244 <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
245
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored Nov 29, 2011
246 <h2 id="examples_of_how_to_explore_features_well" class="subhed">Examples of how to explore features well</h2>
247 <ul>
f5fee81 @mathiasbynens Optimize all the things
mathiasbynens authored Nov 30, 2011
248 <li><a href="http://perfectionkills.com/global-eval-what-are-the-options/">Global <code>eval</code>: what are the options?</a> <span> - kangax</span>
237fb1b @necolas Some copy cleanup
necolas authored Nov 29, 2011
249 <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>
250 <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
251 <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 Nov 30, 2011
252 <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 Nov 29, 2011
253 <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 Nov 30, 2011
254 <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 Nov 29, 2011
255 <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
256 <li><a href="http://mathiasbynens.be/notes/touch-icons">Everything you always wanted to know about touch icons</a> <span> - Mathias Bynens</span>
257 <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
258 </ul>
259
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 29, 2011
260 <h2 id="cool_ideas_to_explore_more" class="subhed">Cool features to explore more (and write about)</h2>
261
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
262 <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 whether 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:
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
263
f148fb1 @connor add a shit-ton of ideas to write about in 'explore'. all have a temp
connor authored Nov 29, 2011
264 <ul>
132d1a9 @paulirish adding some DOM coolstuff for people to explore. thx -ot
paulirish authored Nov 29, 2011
265 <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>
266 <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
267 <li><a href="http://www.w3.org/TR/css3-gcpm/">CSS Generated Content for Paged Media Module (GCPM)</a>
268 <li>Differences between <code>word-wrap</code>, <code>word-break</code>, and <code>white-space</code>
269 <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
270 <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
271
79bbce9 @paulirish support for touch devices on :hover state.. revealing that text. also…
paulirish authored Nov 29, 2011
272 <li><strong>Any features from these presentations:</strong>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
273 <ul>
274 <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>
275 <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>
276 <li><a href="http://infrequently.org/11/ldnjs/ldnjs.html">[JS|DOM].next()</a> <span>- Alex Russell on the next version of ECMAScript.</span>
277 <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a> <span>- an interactive presentation on advanced CSS3 functionality.</span>
278 <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
279 <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
280
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
281 </ul>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
282 </ul>
b3e9961 @paulirish explore section content is massaged to health. mmmmmm.
paulirish authored Nov 30, 2011
283
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
284 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
285 <div class="col-b">
286 <section class="getinvolved">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
287 <h2 class="subhed">Explore the unknown!</h2>
288 <div class="task" data-hashtag="#explore">
289 <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>
8bf92e1 @pifantastic I placed a pledge link in the wrong place.
pifantastic authored Nov 30, 2011
290 <a href="#" class="pledge">Yes, I want to do this!</a>
291 <div class="pledges"><p>Here are some developers who want to do this too:</p></div>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
292 </div>
0beaca7 @Wilto IE7, you ol’ rascal you.
Wilto authored Nov 30, 2011
293 </section>
294 </div>
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
295 </section>
296
297
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
298 <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
299 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
300 <h1 class="hed">Write</h1>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
301 <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
302
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
303 <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
304
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
305 <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
306
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
307 <p>Something you can teach others! Here are some ideas:</p>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
308
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
309 <ul>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
310 <li>Why do the <code>&lt;br&gt;</code> and <code>&lt;hr&gt;</code> elements (or any element) exist?</li>
311 <li>How to create a slideshow with the least amount of code?</li>
312 <li>What is the DOM? Why does it exist?</li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
313 <li>Check how browsers implement a specific property and compare it to the spec.</li>
314 <li>How a popular website implements its homepage (with suggestions for improvement).</li>
315 <li>How you would fix a popular website's faults (long load-time, invalid JS, etc.).</li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
316 <li>Take a popular demo and make it something else (or use it practically).</li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
317 <li>Make a summary of popular ideas around the web lately.</li>
318 <li>Your experience contributing to an open-source project.</li>
319 <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
320 <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
321 <ul class="resources">
322 <li>Translate some popular English web dev posts.</li>
323 <li>Elaborate on some of the features in the specs.</li>
324 </ul>
325 </li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
326 </ul>
327 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
328 <div class="col-b">
329 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
330 <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
331 <div class="task" data-hashtag="#write">
63c3b97 @connor move explore out of the beginner section & just before write
connor authored Nov 29, 2011
332 <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
333 <a href="#" class="pledge">Yes, I want to do this!</a>
334 <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
335 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
336 </section>
337 </div>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
338 </section>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
339 <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
340 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
341 <h1 class="hed">File bugs</h1>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
342 <p>Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. =D In fact, <a href="http://msdn.microsoft.com/library/hh673549.aspx">IE10's platform previews</a> provide a great opportunty to file bug reports so things are fixed before the browser is released.</p>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
343 <ul>
3fb166d @paulirish some small copy edits.
paulirish authored Nov 29, 2011
344 <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
345 <li><a href="http://ejohn.org/blog/a-web-developers-responsibility/">A Web Developer&#8217;s Responsibility</a> by John Resig</li>
6f73b73 @vladinvancouver Update index.html
vladinvancouver authored Dec 12, 2011
346 <li><a href="http://a11ybugs.org/">Help prioritize browser accessibility bugs</a> by Vlad Alexander</li>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
347 <li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
348 <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
349 <ul class="resources">
311f214 @connor formatting & copy
connor authored Nov 28, 2011
350 <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
f5fee81 @mathiasbynens Optimize all the things
mathiasbynens authored Nov 30, 2011
351 <li><a href="https://bugs.webkit.org/">WebKit bugs</a></li>
311f214 @connor formatting & copy
connor authored Nov 28, 2011
352 <li><a href="http://crbug.com/">Chrome bugs</a></li>
353 <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
354 <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
355 </ul>
356 </li>
357 </ul>
358 </div>
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
359 <div class="col-b">
360 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
361 <h2 class="subhed">Stop bugging out!</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
362 <div class="task" data-hashtag="#filebugs">
689f5f7 @connor add content to 'can you do this'?
connor authored Nov 29, 2011
363 <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
364 <a href="#" class="pledge">Yes, I want to do this!</a>
365 <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
366 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
367 </section>
368 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
369 </section>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
370 </article>
371 <article class="section">
d034c9f adding sticky scroll, first draft. not too happs
Divya Manian authored Nov 29, 2011
372 <div class="standout" id=virtuoso>
4e14894 winrar is so lame-school, virtuoso it is.
Divya Manian authored Nov 28, 2011
373 <h1 class="hed">Virtuoso!</h1>
d63f6d1 Adding back 'may we suggest you these?'
Divya Manian authored Dec 7, 2011
374 <h2 class="subhed">You've come a long way; you clearly know your stuff! 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
375 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
376 <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
377 <div class="col-a">
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
378 <h1 class="hed">Hack!</h1>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
379 <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
380 <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
381 <ul>
6c5f09b @connor * center the site tagline
connor authored Nov 28, 2011
382 <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
383 They are written in HTML, CSS, and JS so you don&#8217;t need to be a C++ programmer to contribute to these.
384 Write patches!</li>
385 <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 Nov 30, 2011
386 <li>Hack on Gecko
387 <ul>
3a6a744 Removing #css from moz irc and adding link to moz developer guide.
Divya Manian authored Dec 7, 2011
388 <li>Read the developer guide for <a href="https://developer.mozilla.org/En/Developer_Guide">getting started with Gecko development</a>.
e9bbe48 Better link for the Mozilla good-first-bugs.
Paul Rouget authored Nov 30, 2011
389 <li>a <a href="https://bugzilla.mozilla.org/buglist.cgi?quicksearch=%22[mentor%3D%22&list_id=1800469">list of &#8220;good first bugs&#8221; for Firefox/Gecko</a>
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored Nov 30, 2011
390 <li>Join #introduction and #developers on <a href="#mozilla_irc">Mozilla's IRC server</a>
391 </ul>
392 <li>Hack on Webkit
393 <ul>
394 <li><a href="http://dev.chromium.org/developers/contributing-to-webkit">Google&#8217;s guide on how to contribute to WebKit</a>
395 </ul>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
396 </ul>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
397
398 <h2 id="contribute_to_testsuites" class="subhed">Contribute to Test Suites</h2>
399
cf4d197 @paulirish hack on browsers & testsuite content.
paulirish authored Nov 30, 2011
400 <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 Nov 30, 2011
401
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
402 <ul>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
403 <li>Get overviews of the
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
404 <a href="http://www.w3.org/2008/webapps/wiki/Testing">w3c webapps test suite</a>, the
405 <a href="http://www.w3.org/html/wg/wiki/Testing">w3c HTML5 test suite</a>,
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
406 and the <a href="http://wiki.csswg.org/test">CSSWG test suite</a>.
523290e Added AreWePlayingYet? to Test Suites
Tomás Senart authored Nov 30, 2011
407 </li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
408 <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.</li>
ac252c0 Reverted HTML entity ampersands to literal &'s.
Eddie Kay authored Dec 15, 2011
409 <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></li>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
410 <li>Upstream <a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s Mochitests</a>.</li>
411 <li>Join the conversation 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>
412 <li>Contribute to HTML5 Audio on <a href="http://areweplayingyet.org">the AreWePlayingYet? test suite</a>.</li>
c7b5c86 @paulirish implementing part of feedback received from #whatwg
paulirish authored Nov 29, 2011
413 </ul>
414
415
416 <h2 id="contribute_to_specs" class="subhed">Contribute to specifications</h2>
417 <ul>
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
418 <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>
419 <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>
420 <li><a href="http://dev.chromium.org/developers/how-tos/make-a-web-standards-proposal">Make a web standards proposal</a>. <span>(this guide tells you how!)</span>
421 <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
422 </ul>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
423 <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
424 <ul>
f95a8bf @paulirish li:hover span { opacity: 1;}
paulirish authored Nov 28, 2011
425 <li>
426 <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
427 <li>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
428 <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>
51fd7d2 @paulirish this is why i hate closing </li> tags.
paulirish authored Nov 30, 2011
429 <li>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
430 <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
431 </ul>
f5f7a65 Updating the styles to be only in style.css. no more multiple files. …
Divya Manian authored Nov 28, 2011
432 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
433 <div class="col-b">
434 <section class="getinvolved">
138fa46 @thatryan Altered get involved header text
thatryan authored Nov 29, 2011
435 <h2 class="subhed">I&#8217;m in your codez!</h2>
320b422 @connor "can you do this" - learn is written
connor authored Nov 29, 2011
436 <div class="task" data-hashtag="#hack">
b94280b Mostly punctuation and capitalization changes, some minor copyediting…
Eddie Kay authored Dec 15, 2011
437 <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
438 <a href="#" class="pledge">Yes, I want to do this!</a>
439 <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
440 </div>
865fc26 @Wilto Re-situated classes and associated styles.
Wilto authored Nov 29, 2011
441 </section>
442 </div>
3e228c6 @connor Moved "Learn" to be the first section, and "Explore" to the be the
connor authored Nov 28, 2011
443 </section>
cf034ed @Wilto Fixin’ whitespace-y conflicts.
Wilto authored Nov 27, 2011
444 </article>
690ba4b @pifantastic Just stubbing some things out.
pifantastic authored Nov 25, 2011
445
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
446
b7e1f57 @paulirish pug
paulirish authored Nov 29, 2011
447
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
448 <footer class="doc">
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
449
450 <p class="subhed summary">
2537202 @paulirish updating to divyas summary text.
paulirish authored Nov 29, 2011
451 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.
452
2cc40a3 @paulirish a bunch of content updates and the summary para.
paulirish authored Nov 30, 2011
453 </p>
454
b7e1f57 @paulirish pug
paulirish authored Nov 29, 2011
455 <img src="img/pugerton.png" alt="Pugerton">
456
ac252c0 Reverted HTML entity ampersands to literal &'s.
Eddie Kay authored Dec 15, 2011
457 <p class="subhed">Made with love & tears by</p>
6084dfd @connor removing </li>'s like a boss.
connor authored Nov 30, 2011
458
8b2b6aa @thatryan cleaned up credits area
thatryan authored Nov 29, 2011
459 <ul class="builders">
8e126ea @mathiasbynens Enable Google Analytics
mathiasbynens authored Nov 30, 2011
460 <li><a href=http://twitter.com/wilto><img src="http://api.twitter.com/1/users/profile_image/wilto?size=normal"> <b>Mat</b> Marquis</a>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
461 <li><a href=http://twitter.com/aaronforsander><img src="http://api.twitter.com/1/users/profile_image/aaronforsander?size=normal"> <b>Aaron</b> Forsander</a>
64deab3 @connor fix connor's twitter link/image per is hawt new handle
connor authored Dec 29, 2011
462 <li><a href=http://twitter.com/connor><img src="http://api.twitter.com/1/users/profile_image/connor?size=normal"> <b>Connor Montgomery</b></a>
ce310e5 @mathiasbynens Shorten Twitter avatar URLs
mathiasbynens authored Nov 30, 2011
463 <li><a href=http://twitter.com/paul_irish><img src="http://api.twitter.com/1/users/profile_image/paul_irish?size=normal"> <b>Paul</b> Irish</a>
464 <li><a href=http://twitter.com/divya><img src="http://api.twitter.com/1/users/profile_image/divya?size=normal"> <b>Divya</b> Manian</a>
465 <li><a href=http://twitter.com/necolas><img src="http://api.twitter.com/1/users/profile_image/necolas?size=normal"> <b>Nicolas</b> Gallagher</a>
8e126ea @mathiasbynens Enable Google Analytics
mathiasbynens authored Nov 30, 2011
466 <li><a href=http://twitter.com/addyosmani><img src="http://api.twitter.com/1/users/profile_image/addyosmani?size=normal"> <b>Addy</b> Osmani</a>
8b2b6aa @thatryan cleaned up credits area
thatryan authored Nov 30, 2011
467 </ul>
ac252c0 Reverted HTML entity ampersands to literal &'s.
Eddie Kay authored Dec 15, 2011
468 <p class="others">& <a href=https://github.com/h5bp/movethewebforward/contributors><span>all these awesome people</span>.</a></p>
b0dee92 @mathiasbynens Update link to GitHub repository
mathiasbynens authored Nov 30, 2011
469 <p>Dinos by <a href="http://dribbble.com/deathbearbrown">Sue Lockwood</a> • <a href=https://github.com/h5bp/movethewebforward>Contribute to this project!</a></p>
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
470 </footer>
471 <script>
8e126ea @mathiasbynens Enable Google Analytics
mathiasbynens authored Nov 30, 2011
472 window._gaq=[['_setAccount','UA-17904194-2'],['_trackPageview']];
a26c1e7 @necolas Remove tab indentation from index
necolas authored Nov 26, 2011
473 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
474 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
475 s.parentNode.insertBefore(g,s)}(document,'script'));
476 </script>
da35b44 @Wilto Pulled in H5BP; started readme.
Wilto authored Nov 17, 2011
477 </body>
a2abe7e @sideshowbarker Add "How to make a web standards proposal" link.
sideshowbarker authored Dec 14, 2011
478 </html>
Something went wrong with that request. Please try again.