molly.com

Sunday 30 January 2005

outdated HTML guides

FILLED WITH OUTDATED guides for HTML and CSS, is the web-at-large more hazardous than helpful to the masses trying to learn how to design web pages?

This morning a regular reader wrote in with two HTML tutorial sites he found that he referred to as “evil.” One is the neopets HTML guide, and the other is the infamous Joe Burns HTML Goodies site. While I’m not sure they’re evil in the truest sense of the word, they certainly are terribly outdated. Yet, there they are, available for folks who might not know better to learn how to do everything old-skool.

That might work for grandpa if he just wants to post some photos of his worldwide adventures for the grandkids at home, but for anyone looking to learn professional, contemporary web design techniques, these sites are definitely bad news. Heck, I can add at least a third of my own books to that pile. We live, we learn, right?

But books, at least, get pulled off the shelf after a while (even if they do appear on eBay later - that’s not something I have any control over). Web sites, however, tend to stay up a lot longer.

There are some good guides out there, one of my faves is Dave Shea’s collected “Standards Resources for Beginners.” Maybe another way to be helpful is to find the outdated guides and weed those out into a “which sites to avoid” list.

So let’s get started!

Hat tip: Jason

Filed under:   standards, web design and development
Posted by:   Molly | 7:53 am |

105 Responses to “outdated HTML guides”

  1. patrick h. lauke Says:

    remember discussing this with somebody before (though at the moment it really escapes who, or where, or why), but yes, these old sites do more harm than good. one problem (in this context) with the web is obviously that there’s no expiry date on things. a physical book would stop being in circulation after a while, not being sold or prominently displayed in the relevant section of a library…yet with the web (and thanks to oodles of people linking to those old, venerable, yet outdated resources) a search for anything related to “dummy guide to HTML” still brings up those relics in top rankings.
    the solution, of course, is to start dishing out more and more good resources, get them highly ranked, squashing the outdated stuff. this is now thankfully happening with physical items (heck, even our small bookshop on campus now has a few copies of zeldman and meyer on the shelf, phasing out those “definitive guide to HTML 3.0″ tomes that used to line that section)…

  2. patrick h. lauke Says:

    ah…no sooner did i post the above, that i remembered where this kind of thing was mentioned (and quite beautifully to boot): derek featherstone’s “growing up with web standards”

  3. Tom Says:

    Yea totally, I have this guy at work who allways talks about DHTML and these weird Microsoft stuff called TDC. It’s really horrid.

    But of course, for him its not broke so why try and fix it?

  4. Oliver Says:

    patrick h. lauke wrote:

    …yet with the web (and thanks to oodles of people linking to those old, venerable, yet outdated resources) a search for anything related to “dummy guide to HTML” still brings up those relics in top rankings. …

    It might be a good idea to deactivate the links (and maybe just display the URI without linking to it). As long as you have those links active, you are one of those linking to “dummy guides” of the past.

    Those who are not so savvy won’t know how to go to those sites that are not actively linked or just don’t bother, those who are know how to copy-paste the address.

    Just a thought.

  5. Lachlan Hunt Says:

    Maybe it’s time to put a Google Bomb to some good use for a change. If all good (web related) bloggers linked to some of the good tutorials using common search terms, such as: Beginner’s HTML Tutorial, dummy’s guide to web design, etc. Of course it would be much more effective if the terms and sites were thought about a little more and agreed upon, though it would certainly work to reduce the rankings for the bad HTML tutorials.

  6. Fergus Wilde Says:

    I’m about to redo our site, which is now in xhtml 1.0 transitional with css, and I’m keen to ‘do the right thing’ - but what *is* the right thing? What’s the most useful, correct, forward looking standard I can employ that won’t leave our largely non-tech user base stranded? Even most of the open source tools still make it a deal easier to use html 4.x than xhtml 1.1, into which I’m looking. Advice please … sorry if this is the wrong place.

  7. Promotional Products Blog Says:

    Picking a Blogging Platform

  8. Virtuelvis Says:

    Standards are (nearly) irrelevant.
    Which standard should you conform to? In response to a question by Fergus Wilde, asking which markup standard he conforms to

  9. Molly Says:

    Fergus,

    It really depends upon your needs. Valid HTML 4.0 or XHTML 1.0 written semantically and combined with CSS for presentation is about as good as it gets. XHTML 1.1 is best only for very unique situations, such as when you want your documents parsed as XML.

    Definitely check out the resources in this discussion at Dave Shea’s: http://www.mezzoblue.com/archives/2004/08/25/standards_re/index.php

  10. Jeremy Smith's blog Says:

    Outdated HTML Guides
    From outdated HTML guides FILLED WITH OUTDATED guides for HTML and CSS, is the web-at-large more hazardous than helpful to…

  11. patrick h. lauke Says:

    oliver, unfortunately those people with active links to outdated guides are usually also people who haven’t caught on with *why* these guides are outdated…hence, they won’t deactivate their links…

  12. Jim Bennett Says:

    This morning a regular reader wrote in with two HTML tutorial sites he found that he referred to as “evil.”

    There are a lot of things in this world that would qualify as evil but a web site with outdated/incorrect information about HTML wouldn’t be on most people’s list.

    I see these types of comments on the various email lists and newsgroups that deal with CSS and web development in general and while it used to amuse me it now just annoys me.

    Hopefully this individual will have more to be concerned with once June rolls around and it’s off to the local community college to continue and hopefully complete their educational goals.

    Or not………….

  13. Dustin Diaz Says:

    Well, did anyone know Nielsen’s book still sits on the shelf (and sells)? Yea, I saw 5 copies at barnes and noble’s just two days ago. He’s not one for using web standards.

    Besides that, this is one main reason why I still write tutorials about basic html.

    also, here’s another for the list:
    http://www.htmlbasix.com/

  14. Jules Says:

    Ok, this is going to come off very self-congratulating but here goes anyway.

    I first learned HTML using Alan Levine’s HTML tutorial. What I liked about the tutorial was that it walked you through the various steps of creating a web site from nothing to a small site about volcanoes. Unlike other so-called tutorials, the basic philosophy (as I see it) was “real world, not Hello World!” which means to me that features are taught in the context of actual use. When I set about writing my books, I wanted to use this principal of “real world, not hello world”. As a standards advocate, I also wanted to teach how to create semantic HTML. According to Cheryl Colan’s comments, it appears that my goals have been achieved.

    What my comment here is trying to say is that although there are many bad tutorials out there, there are more and more books being written that teach HTML properly. What may be the next challenge — and one I have been thinking about for the last few months — is to create online tutorials that teach HTML the way HTML should be taught these days. Also, these tutorials should not be piece-meal tutorials but complete projects, i.e., real world, not hello world.

  15. Dustin Diaz Says:

    I guess the lesson learned is that there still not enough ’standards html tutorials’

    most of the tuts that i’ve found within this last year have been for folks that already know html (the bad way) and having to ‘unlearn’ ourselves.

  16. Jason Says:

    I came upon those links I sent Molly after writing a mini-HTML guide for a discussion board I belong to. I noticed many of the members were writing pages that didn’t include DOCTYPES, so I thought I would write a short guide.

    Some members starting posting links to HTML guides they use/used, and I was shocked to see such outdated things as center and font tags. I couldn’t believe such guides still existed.

    I, of course, pointed them to the right place (see author) *hint* *hint* *nudge* *nudge*. Hopefully they will follow through and learn a little about standards and CSS. (Some were actually arguing that FireFox interpret CSS… the horror!)

  17. Jason Says:

    wow… we need an edit function :P

    That should read “started posting” and “FireFox couldn’t interpret”

  18. Alex Says:

    Whoo! I started out with the Neopets HTML guide!

  19. Jason Says:

    Here’s a shocker: The tutorial on the W3C site by Dave Raggett makes no mention of DOCTYPEs or even adding the HTML element before you start your document. Dave Raggett’s Introduction to HTML.

  20. holly Says:

    Dave Raggett’s Introduction to HTML (and associated tutorials), HTML Goodies, JZ’s Ask Doctor Web (1995-1998, now removed), and a few notable others, CSS Pointers (experiments, resources, articles), Index Dot CSS, HTML (Brian Wilson great guide and reference), RichInStyle (only one I knew that had advanced CSS2 info on the web back when), were often visited sites ~ 1998 and earlier. Also Sizzlin Jalfrezi. I may still return to some of the older sites to look for a few info gems (e.g. bloobery.com) or related older articles (Tod Fahrner, etc.). There did not seem to be as many timely books. I believe it was easier to learn online by seeing the working examples and being able to view the source(markup and styles) on the document. (How many of us learned.)

    Big Question
    If one was creating a very basic hypertext markup tutorial, directed at school age learners, would it be better to present HTML or give them XHTML? If HTML I think I would personally opt for the HTML strict, well-formatted variety, sans deprecated items.

  21. Hayden Craddolph Says:

    Thanks for your most recent support with my site.

  22. Oscar Sierra Says:

    I’m actually planning to completely revamp my website and was feeling hopeless with so much rubish out there… until I bought a copy of your awesome book Cascading Style Sheets: The Designer’s Edge. Great work! Keep it up!

  23. Bill Says:

    Very interesting website. Keep up the outstanding work and thank you…n

  24. Jerry Says:

    Bad news 2

  25. Van Says:

    ERR s

  26. ativan Says:

    ativan

    eobv sdiiqui

  27. xenical Says:

    xenical

    pa xueholay

  28. pump Says:

    http://www.sh-scpv.com/ pump
    http://www.sh-scpv.com/ china pump

  29. ScrewPumps Says:

    http://www.sh-scpv.com/Diaphragm-Pumps.html Diaphragm Pumps
    http://www.sh-scpv.com/Screw-Pumps.html Screw Pumps

  30. zrweylsztv Says:

    hcbdsn

  31. big ben Says:

    big ben

    big ben

  32. African Art Says:

    I don’t know how I ever worked without it. http://www.2africanart.com I discovered that African art is exactly what our business has been lacking. Thanks for all your help.

  33. ionamin Says:

    ionamin

    Trackback

  34. discount ionamin Says:

    discount ionamin

    Trackback

  35. free music for ipod Says:

    Hi boys!93d60d6bb7c2333653a461baace52d87

  36. wet ass Says:

    wet ass

    hello

  37. busty shots Says:

    busty shots

    hello

  38. busty secretary Says:

    busty secretary

    hello

  39. busty pornstars Says:

    busty pornstars

    hello

  40. busty nurse Says:

    busty nurse

    hello

  41. busty moms Says:

    busty moms

    hello

  42. busty mom Says:

    busty mom

    hello

  43. busty models Says:

    busty models

    hello

  44. busty lesbian Says:

    busty lesbian

    hello

  45. busty japanese Says:

    busty japanese

    hello

  46. busty indian Says:

    busty indian

    hello

  47. busty fuck Says:

    busty fuck

    hello

  48. busty ebony Says:

    busty ebony

    hello

  49. busty dusty Says:

    busty dusty

    hello

  50. busty cops Says:

    busty cops

    hello

  51. busty chicks Says:

    busty chicks

    hello

  52. busty blowjob Says:

    busty blowjob

    hello

  53. discount lortab Says:

    discount lortab

    Trackback

  54. discount ativan Says:

    discount ativan

    Trackback

  55. http://homepage.mac.com/fmp3musicdownloads/index.htm Says:

    Thanks boysa4993730617c6ae133ff8b631a5a4cdd

  56. buy accutane Says:

    buy accutane

    Trackback

  57. cheap accutane Says:

    cheap accutane

    Trackback

  58. drug accutane Says:

    drug accutane

    Trackback

  59. cheapest accutane Says:

    cheapest accutane

    Trackback

  60. where to buy accutane Says:

    where to buy accutane

    Trackback

  61. low price accutane Says:

    low price accutane

    Trackback

  62. 100mg accutane Says:

    100mg accutane

    Trackback

  63. buying accutane online Says:

    buying accutane online

    Trackback

  64. buy acomplia on line Says:

    buy acomplia on line

    Trackback

  65. drug propecia Says:

    drug propecia

    Trackback

  66. buy xenical Says:

    buy xenical

    Blog

  67. cash advance md Says:

    cash advance md

    Trackback

  68. cash advance ca Says:

    cash advance ca

    Trackback

  69. cash advance az Says:

    cash advance az

    Trackback

  70. payday advance nv Says:

    payday advance nv

    Trackback

  71. payday advance colorado Says:

    payday advance colorado

    Trackback

  72. payday advance ct Says:

    payday advance ct

    Trackback

  73. payday advance massachusetts Says:

    payday advance massachusetts

    Trackback

  74. GreenfoGX Says:

    Acura austin

  75. cash advance fl Says:

    cash advance fl

    Trackback

  76. cash advance michigan Says:

    cash advance michigan

    Trackback

  77. cash advance mn Says:

    cash advance mn

    Trackback

  78. cash advance nh Says:

    cash advance nh

    Trackback

  79. cash advance ri Says:

    cash advance ri

    Trackback

  80. cash advance rhode island Says:

    cash advance rhode island

    Trackback

  81. cash advance wa Says:

    cash advance wa

    Trackback

  82. cash advance washington Says:

    cash advance washington

    Trackback

  83. buy aciphex Says:

    buy aciphex

    Blog

  84. ceren moray Says:

    nice …
    than you

  85. Bedava Mp3 indir » Blog Arşivi » Backlink Says:

    […] Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel Backlnik Link Lan BACKLİNK Backlinke Gel […]

  86. low valium Says:

    low valium

    Trackback

  87. buy vicodin in the uk Says:

    buy vicodin in the uk

    Trackback

  88. ephedra plants for sale Says:

    ephedra plants for sale

    Trackback

  89. ephedra p57 Says:

    ephedra p57

    Trackback

  90. buy ephedra powder Says:

    buy ephedra powder

    Trackback

  91. ephedra diet products Says:

    ephedra diet products

    Trackback

  92. kavak yelleri Says:

    Those who are not so savvy won’t know how to go to those sites that are not actively linked or just don’t bother, those who are know how to copy-paste the address.

  93. bruce Says:

    it is easy to find it, i think u just search on google or yahoo

  94. evden eve Says:

    but, i think it is another thing which you have

  95. universal trade Says:

    i like it

  96. trade Says:

    interesting, thanks

  97. surucu kursu Says:

    do you know everything about css?

  98. belediye Says:

    how can i find everything about css?

  99. ticaret odasi Says:

    what do you want to learn about css? we can help easily

  100. milliyet Says:

    i want learn too, i want start at the beginning of css

  101. umit Says:

    it is good t see u

  102. uygar Says:

    thats the matter i want to learn

  103. sanayi odasi Says:

    ok,thanks

  104. Gay sex. Says:

    Gay sex.

    Gay sex. Black gay sex.

  105. fikralar Says:

    hi, umit. how is going on

Leave a Reply

Elsewhere

Roll Roll Roll