Using Mozilla Developer Network

Why not W3Schools?

Inaccurate Information

W3schools holds too much inaccurate information which many readers take at face value without even challenging. This causes issues which usually ends up with users coming back to us asking why something isn’t working, when in reality none of which would have happened if they chose the right place to begin with! Another issue is transparency, we don’t know the people updating this site, how often they’re updating and what they plan to add/remove. It makes the source quite untrustworthy.

Outdated Information

W3schools also holds outdated information: Lets take a look at PHP for example, here it still advocates the use of mysql_connect(). Something developers would warn you against using! Lets also remember that
W3Schools.com is not affiliated with the W3C in any way. Members of the W3C have asked W3Schools to explicitly disavow any connection in the past, and they have refused to do so.
More info: W3Fools

Mozilla Development Network (or MDN)

MDN holds a wealth of information about HTML, CSS and Javascript. It is the best Javascript reference on the web so it should be taken advantage of! On top of that its also a wiki which means we, as knowledgeable web developers, can add or change information so the pages are as effective and comprehensive as possible. Let’s take a look at what the MDN is:

We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.

Using it effectively

MDN doesn’t come up in search results very well, its usually overshadowed by someone’s blog or W3Schools (argggh!). I find the best way to bring up the MDN reference is to prefix your query with mdn. So in google your search would be like this; ‘mdn canvas’.

Lets make this faster

Ok sounds like some effort? Lets make this easier. If you’re using chrome click ‘the spanner’ -> settings -> then click ‘manage search engines’:

In Search Engine Name – enter ‘MDN’ (without quotes)
In Keyword – enter ‘mdn’ (without quotes)
in Link – enter ‘https://developer.mozilla.org/en-US/search?q=%s’ without quotes.

Now we have our own MDN search. Lets give it a try: Typing in ‘mdn’ (followed by spacebar) now triggers our search engine for the Mozilla Development Network (awesome!). Now we just need to type in our keyword. I want more information on the article element so im going to search for that.