Online HTML/CSS/Javascript learning reference alternative to w3schools? [closed]

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance. Closed 9 years ago.

From my time on SO I've found w3schools may not be the best place to send people as an html/web programming reference. I started using them a loooong time ago and have been sending people there for years because of their usage of programming categories and tutorials.

I know I can go there and easily find out what different tags are available for use(though it may not be correct) and I can find out attributes to tags easily. Are there any alternatives that can provide the s开发者_如何学编程ame simple reference and tutorials as they do? Where should I refer people too?

---

• blooberry.com
• MSDN (HTML & CSS section)
• HTML 4.01 Reference
• WHATWG's HTML 5 Reference

W3Fools - A W3Schools Intervention also promotes the following "more reputable sources":

Opera Web Standards Curriculum covers the basics of web standards-based design in HTML and CSS.
Google's HTML, CSS, and Javascript from the Ground Up presents the basics of web development with video tutorials presented by Google's expert web developers.
SitePoint is a pretty good reference for HTML, CSS and JavaScript. Their documentation always mentions feature support across different browsers, and describes known browser bugs.
The W3C, itself, has a wiki-based general Learn page as well as an HTML element reference.
The MDN (Mozilla's Developer Network) takes over at intermediate CSS and covers JavaScript better than anyone.
The MDN is also a wiki (little known fact), which means we, as knowledgeable web developers, can add or change information so the pages are as effective and comprehensive as possible.

---

In general, my first stop for HTML, Javascript or DOM information is the MDC Doc Center from the Mozilla Developer Network. It is occasionally Firefox/Gecko-specific, but is in general a good first stop.

• HTML doc center
• Javascript doc center
• DOM doc center

Personally, I find the HTML spec (and even more the DOM spec) far to hard to take in quickly or to use as a quick reference. MDC is great for that.

---

There are too many good references out there, but these are my two cents. Hope it helps:

• Great tricks, references and examples: http://www.quirksmode.org/sitemap.html

• Nice step by step: http://nearlythere.com/mite03/css-tutorial/

• Cheat sheets (pretty cool!!): http://sixrevisions.com/resources/cheat_sheets_web_developer/

---

The very best HTML reference is the HTML spec itself:

• HTML4 spec
• HTML5 spec

It provides examples of how elements/attributes can be used, and the expected reactions in many case situations.

---

The first place you should probably send somebody for reference would be the most official body of reference for the subject. For example, if somebody was asking about a particular HTML tag or something about the HTML spec, their first stop should be that spec (as an example, and there are lots of page anchors throughout that spec to navigate directly to what the user needs).

Examples can often be quickly found via Google. If the Google results are clearly plentiful and seem pretty good, then just linking the user to the Google search itself would work fine. (And may subtly nudge them to use Google a little more thoroughly, though keep in mind that SO generally doesn't want its answers to just be "just Google it" so use tact and offer additional information beyond just the search.)

---

I love this one:

I love the opera tutorial. (From there onwards).

Concise but complete and very clearly explained!

See the table of contents here.

---

There is the W3C's Web Education Community Group Wiki, on standards that are maintained by them. It provides quite some useful information on e.g. HTML and CSS, and they link to appropriate standards.

See for example this page on the textarea element

EDIT: I just realize this was already mentioned as 'general Learn page' from the W3Fools page, but it might still be useful to name this reference.

---

Sites like Microsoft's MSDN and Mozilla's MDN are not bad, as long as you remember that they view the world through coloured glasses. The only real reference is, of course, the W3C.
Whenever some site's information clashes with the information on the W3C's site, the W3C is always right.

Keep that in mind and you can safely peruse other websites, even W3Schools. W3Schools is not better or worse than other non-official websites.