Find file
Fetching contributors…
Cannot retrieve contributors at this time
131 lines (130 sloc) 8.64 KB
<!DOCTYPE html>
<!--[if lt IE 9 ]><html lang="en" class="no-js shitty"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<meta charset="utf-8">
<title>W3Fools – Better web education for all</title>
<meta name="description" content="We hope to get proper documentation resources to developers. W3Schools doesn't cut it.">
<meta name="author" content="The JavaScript and Front-end Development Community">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<div id="container">
<h1 id="intervention"><b>W3Fools</b></h1>
<main id="main" role="main">
<section class="intro">
When W3Fools started years ago, the state of documentation for developers was poor.
The <a href="">Mozilla Developer Network</a> was around but it did not have much support at the time.
Developers often use W3Schools only because it is at the top of search results.
Since W3Fools launched, the <abbr title="Mozilla Developer Network">MDN</abbr> has seen a lot improvements from the community.
Further, the <a href="">W3C</a> has created <a href="">Web Platform Docs</a> as the authoritative resource for documentation.
These are community driven efforts maintained by developers who continue to work in the field.
W3Schools still has issues but they have at least worked on the primary concern developers had. For many beginners, W3Schools has structured tutorials and playgrounds that offer a decent learning experience. However, it would be a mistake to continue your education without learning from more reputable sources, so when you're ready to level up, move on.
<section class="content">
<h2>Educating others</h2>
Many developers swear by the content provided by the <abbr title="Mozilla Developer Network">MDN</abbr>.
The <abbr title="Web Platform Docs">WPD</abbr> site is also growing and is even convened by the <abbr title="World Wide Web Consortium">W3C</abbr> itself for this effort.
The best way to find good resources are to ask other developers where or from whom they learn and get information.
Some exemplary places to learn from are:
<ul class="no-list-style">
<li><a href="">CSS-Tricks</a></li>
<li><a href="">HTML5 Rocks</a></li>
There are also chatrooms full of people willing to help point you to the right places or even help out with your exact issue.
Here are a handful of trusted rooms on <a href="">Freenode IRC</a>:
<a href="irc://">#web</a>,
<a href="irc://">#html5</a>,
<a href="irc://">#css</a>,
<a href="irc://">##javascript</a>
<section class="content">
<h2>Stay curious, stay interested</h2>
The web is an incredible platform that few people understand in its entirety.
It’s yours to dive into and explore.
Don’t forget to <a href="">share your knowledge</a> and passion with others; it’s the <span title="and most rewarding">best</span> part.
<article class="content heart">♡</article>
<section class="content">
<div id="contributors">
<a href=""><span class="at">@</span>addyosmani</a>
<a href=""><span class="at">@</span>ajpiano</a>
<a href=""><span class="at">@</span>alrra</a>
<a href=""><span class="at">@</span>antimatter15</a>
<a href=""><span class="at">@</span>ard</a>
<a href=""><span class="at">@</span>atornblad</a>
<a href=""><span class="at">@</span>bentruyman</a>
<a href=""><span class="at">@</span>beverloo</a>
<a href=""><span class="at">@</span>bjorninge</a>
<a href=""><span class="at">@</span>boazsender</a>
<a href=""><span class="at">@</span>boblet</a>
<a href=""><span class="at">@</span>bradneuberg</a>
<a href=""><span class="at">@</span>brianloveswords</a>
<a href=""><span class="at">@</span>cowboy</a>
<a href=""><span class="at">@</span>connor</a>
<a href=""><span class="at">@</span>danheberden</a>
<a href=""><span class="at">@</span>darcy_clarke</a>
<a href=""><span class="at">@</span>devongovett</a>
<a href=""><span class="at">@</span>divya</a>
<a href=""><span class="at">@</span>edwinm</a>
<a href=""><span class="at">@</span>ekashida</a>
<a href=""><span class="at">@</span>erichynds</a>
<a href=""><span class="at">@</span>franksvalli</a>
<a href=""><span class="at">@</span>gf3</a>
<a href=""><span class="at">@</span>gridinoc</a>
<a href=""><span class="at">@</span>heycam</a>
<a href=""><span class="at">@</span>jamespearce</a>
<a href=""><span class="at">@</span>jdunck</a>
<a href=""><span class="at">@</span>jerem</a>
<a href=""><span class="at">@</span>jongarbee</a>
<a href=""><span class="at">@</span>kangax</a>
<a href=""><span class="at">@</span>kfranqueiro</a>
<a href=""><span class="at">@</span>kriskowal</a>
<a href=""><span class="at">@</span>lightroy</a>
<a href=""><span class="at">@</span>mathias</a>
<a href=""><span class="at">@</span>miketaylr</a>
<a href=""><span class="at">@</span>millermedeiros</a>
<a href=""><span class="at">@</span>mrnibbles</a>
<a href=""><span class="at">@</span>paul_irish</a>
<a href=""><span class="at">@</span>peolanha</a>
<a href=""><span class="at">@</span>ralphholzmann</a>
<a href=""><span class="at">@</span>robfaraj</a>
<a href=""><span class="at">@</span>rwaldron</a>
<a href=""><span class="at">@</span>scriptin</a>
<a href=""><span class="at">@</span>seankoole</a>
<a href=""><span class="at">@</span>sephr</a>
<a href=""><span class="at">@</span>slexaxton</a>
<a href=""><span class="at">@</span>slightlylate</a>
<a href=""><span class="at">@</span>tombyrer</a>
<a href=""><span class="at">@</span>trygve_lie</a>
<a href=""><span class="at">@</span>zetafleet</a>
</div> <!--! end of #container -->
var _gaq=[['_setAccount','UA-20739848-1'],['_trackPageview']];
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;