"I find mozilla developer network (mdn) blows away w3schools in all ways."
Couldn't disagree more.
Don't get me wrong, MDN has way better information but take yourself through the eyes of someone who just needs a quick reminder or sample of how to do something.
I'll use a 1280x800 screen sample since that's a common size.
Above the fold, one is a very quick and easy way for users to copy code and modify it for their purposes. It's also stupidly simple language. To make a box shadow, do this. The other has undisputedly better technical data but forces you have to scroll below to just see a sample code. And most new coders wouldn't understand how to read their syntax section. On top of that, w3schools lays out values in tables whereas MDN has paragraphs of copy.
By no means am I arguing that MDN doesn't have more detail, but I can definitely see why W3Schools is still used by those who know better.
>MDN just always explains more details and edge cases, and has much more browser compatibility info (including for mobile).
It does so at the expense of speed of understanding. Better for some people, worse than others. As a speedy reminder of syntax or form, w3schools seems superior.
Really? I just did a quick comparison, and w3schools was much better than MDN. Try looking for info on the 'required' attribute of the input tag. w3schools has all the attributes in a compact table making it easy to find the attribute you're looking for at a glance, whereas MDN has a big long list. In w3schools you can then click on the 'required' attribute to get more info about it and see which browsers it works on. In MDN there is no info on browser compatibility in the 'required' description - you have to scroll down to ANOTHER table (there is not even a link to it) to see what browser it is compatible with! Come on, even back in web 1.0 we had links to stuff!
The reason that w3schools is at the top of the search results is that more people find it useful that MDN. Perhaps it isn't as cool with the hipsters as MDN, but for people trying to get things done w3schools is more useful in my opinion.
I guess it's really just a matter of personal preference. I switched to adding 'MDN' to my search queries out of gut frustration with having to parse through the W3 pages.
I think the comment about 'hipsters' is a little shallow, but it's interesting that this is so divided. I really assumed that HN would be completely in the tank for MDN.
The hipster comment was related to the fact that the article is complaining about ASP, "tight layout" and "icky". I don't use ASP myself, but it really doesn't have any bearing on the content. I don't mind the ads myself (they're fairly unobtrusive), and the layout is acceptable.
I like nice designs myself (I'm currently building a new site and I'm getting inspiration from roon.io and other beautifully designed sites), but I'm also quite content using sites that have less-than-ideal designs if they do the job that I'm looking for.
I've never heard of mdn before this thread somehow. But w3schools is perfect for looking up the things I tend to look up (mostly CSS or HTML attributes) and it's really easy to parse. Plus it's always the first google result for me.
I've been developing websites since 1996 myself, and MDN hasn't really been on my radar for an html reference. I did use it extensively back in 2009 when I was doing work with <canvas>, and back then MDN didn't really have a general html reference. I think it's only in the last couple of years that MDN has really developed their reference documentation.
So, if you've always used MDN you really must be a young whippersnapper :)
I think MDN has an advantage in that they've only really been around since HTML5 has become standardized, whereas w3schools has had to deal with the changing standards of html4/xhtml/html5.
"I think MDN has an advantage in that they've only really been around since HTML5 has become standardized"
=> HTML5 is not a standard. Nowhere near so. Whatever you mean by that, MDN is as old as Firefox anyway.
"...whereas w3schools has had to deal with the changing standards of html4/xhtml/html5."
=> These differences are 99.99% additions, so don't impact documentation that much. In any case, documentations is more relevant is it documents implementations, not standards (which come after implementation most of the time, not the other way around until recently)
I had a look through quite a few of these, and they all seem to be fixed now. Also quite a few of the things mentioned are opinions. There were also a few instances where I noticed w3fools was wrong.
Anyway, I see why w3fools decided to remove the list of now-fixed "errors". Thanks for wasting 15 minutes of my time - I'll bill you later :)
I'm also a huge fan of MDN. Fun fact, if you use Duck Duck Go you can add "!mdn" to constrain your search to just MDN. It's now my #1 way of searching for HTML tag properties and CSS syntax.
You can do that with Firefox's bookmarks (last I looked) and Chrome's "search engines" (and there's probably something in Opera or Safari) using any URL you want, %s in the URL will be replaced with your search.
e.g. compare these two for CSS "display":
http://www.w3schools.com/css/css_display_visibility.asp https://developer.mozilla.org/en-US/docs/Web/CSS/display
MDN is more detailed, more up to date, and says in which browsers it works or doesn't work. w3schools doesn't even have a list of all possible values.
Or for JS "getElementByID":
http://www.w3schools.com/jsref/met_document_getelementbyid.a... https://developer.mozilla.org/en-US/docs/Web/API/document.ge...
MDN just always explains more details and edge cases, and has much more browser compatibility info (including for mobile).