44 replies to this topic 4 votes

[rob2090]

I've had this idea for some time, to make a thread with the best tutorials and sites that cover this subject. So here goes:

Basics

(X)HTML
http://htmldog.com/g...s/htmlbeginner/
http://www.w3schools...tml/default.asp
http://www.freewebma...tutorials/xhtml
http://www.topxml.co...s/xhtml_basics/

CSS
http://htmldog.com/guides/cssbeginner/
http://www.w3.org/MarkUp/Guide/Style
http://www.w3.org/St...es/011/firstcss

http://www.richinsty...uides/css1.html
http://www.richinsty...uides/css2.html

XML
http://www.w3schools...xml/default.asp
http://www.xmlfiles.com/xml/
http://www.sitepoint.com/article/really-go...ntroduction-xml


Layouts - xhtml, css, standards conforming layouts. Require some background knowledge and understanding to make them work

General
http://www.saila.com/usage/layouts/
http://www.bluerobot.com/web/layouts/
http://glish.com/css/
http://www.thenoodleincident.com/tutorials...sson/boxes.html
http://www.inknoise....ayoutomatic.php (+Sch3mz)

Tabbed
http://nontroppo.org/test/tab1.html
http://nontroppo.org...tabinvert1.html

Rounded Corners
http://www.albin.net...RoundedCorners/
http://pro.html.it/esempio/nifty/


Standards

The official specifications from W3C
http://www.w3.org/
http://www.webstandards.org/

http://www.w3.org/Style/CSS/
http://www.w3.org/XML/
http://www.w3.org/MarkUp/

Validators
http://jigsaw.w3.org/css-validator/ - CSS Validator
http://validator.w3.org/ - (X)HTML Validator
http://www.contentquality.com/ - Accessibility validator
http://webxact.watchfire.com/ - Quality, accessibility and privacy validator

FAQs
http://www.neowin.ne...howtopic=398525 (by +Rob)


Resources

Knowledge
http://www.alistapart.com/ - precious solutions and ideas
http://www.nypl.org/styleguide/
http://www.stylegala.com/resources/
http://www.alvit.de/handbook/ - this site will literally blow your socks off It's got SOO much info all-around that it should have it's own category, MUST SEE!


Gallery & Showcase - look but don't steal
http://csszengarden.com/
http://www.unmatchedstyle.com/
http://www.cssbeauty.com/
http://piepmatzel.de/ - very good, dozens of jaw-dropping sites

Colour Schemes
http://kuler.adobe.com/
http://www.colourlovers.com/

Edited by kinetix63, 13 May 2007 - 15:40.

[amrinders87]

Thanks.

[Sch3mz]

heres another one for the layout section

http://www.inknoise....ayoutomatic.php

[Revenant]

Good compilation of sites....A++ work. Hopefully it'll help some of our users.

[Mr magoo]

Great post! Stickied.

[GatorV]

Great Resources there I am reading them all thanks!!

[StuRReaL]

Heres a few nice ones for menus

http://www.cssplay.co.uk/

and

Pure CSS dropdown menus

[turkishdelight]

http://www.meyerweb.com/eric/css/

[Joel]

http://css.maxdesign.com.au

Excellent guide to CSS lists.

[Rob]

Don't want to blow my own trumpet, but perhaps linking to this:
http://www.neowin.ne...howtopic=398525
might be a good idea, just for another link to the list?

[Von_Beard]

nice list very helpfull thanks

[rob2090]

header formatting seems broken ...... I've tried updating them. Shows ok in the page preview but it turns out to be completely different

[lunamonkey]

CSS hacks

http://www.centricle...ef/css/filters/

Accessibility

http://www.accessify.com - plug for a friend