XHTML/CSS/XML

[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/guides/htmlbeginner/

http://www.w3schools.com/xhtml/default.asp

http://www.freewebmasterhelp.com/tutorials/xhtml

http://www.topxml.com/xhtml/articles/xhtml_basics/

CSS

http://htmldog.com/guides/cssbeginner/

http://www.w3.org/MarkUp/Guide/Style

http://www.w3.org/Style/Examples/011/firstcss

http://www.richinstyle.com/guides/css1.html

http://www.richinstyle.com/guides/css2.html

XML

http://www.w3schools.com/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.com/experimental/layoutomatic.php (+Sch3mz)

Tabbed

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

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

Rounded Corners

http://www.albin.net/CSS/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

https://www.neowin.net/forum/index.php?showtopic=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 May 13, 2007 by kinetix63

[alvaro_fn]

Free easy editable CSS templates for download: http://www.cssbank.com

Edited February 17, 2007 by alvaro_fn

[piXelatedEmpire]

Wow this thread is sensational! Thanks to all who have contributed these great links ;)

[kinetix63 Veteran]

Updated with colour scheme resources

[Remysaus]

http://browsershots.org/

very useful site to see how your site looks on all different browsers. :)

[kevindy]

Great work

THX

[YounGMessiah]

Nice resources!

[INDIAN7]

Its very helpful 4 beginners like me..

Thnkx dude..

[meshiga]

Looking 4 this for a long time

[Alladaskill17]

EDIT: will create own topic for help.

[Glassed Silver]

Buddy, you're missing SelfHTML... Just sayin'

Glassed Silver:mac

[M_Lyons10]

Awesome thread. This should be stickied. Thanks! :)

[Cupcakes]

Awesome thread. This should be stickied. Thanks! :)

LOL it already is...

[Cosmin]

Really useful.

[Meero]

this is really awesome, Thanks very much to all :)

Xcellent shares, very helpful and useful. :D

[threetonesun]

Here's some more resources for you guys:

1140px Fluid Grid - A great layout to get started with for responsive sites.

HTML 5 Boilerplate - A great foundation for an HTML 5 site, gets you on your way with browser standardization, media queries, IE compatibility, etc.

The League of Moveable Type - For all your @font-face needs.

Also, knowing about JSON might be worth more than knowing about XML in the near future. Depends on what you're doing with the data.

[Ignuition]

This should be added:

http://learncss.tutsplus.com/[/CODE]

[MattehCarter]

I'd remove w3schools, they are well known for providing invalid syntax and outdated coding methods.

[PortalPacific]

I think this thread needs a re-boot of modern practices. lol

[Seahorsepip Veteran]

I think this thread needs a re-boot of modern practices. lol

Yup, might write a new thread when I have time in a holiday or something about html5, css3, mediaqueries, canvas elements etc.

[approveme]

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/guides/htmlbeginner/

http://www.w3schools.com/xhtml/default.asp

http://www.freewebmasterhelp.com/tutorials/xhtml

http://www.topxml.com/xhtml/articles/xhtml_basics/

CSS

http://htmldog.com/guides/cssbeginner/

http://www.w3.org/MarkUp/Guide/Style

http://www.w3.org/Style/Examples/011/firstcss

http://www.richinstyle.com/guides/css1.html

http://www.richinstyle.com/guides/css2.html

XML

http://www.w3schools.com/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.com/experimental/layoutomatic.php (+Sch3mz)

Tabbed

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

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

Rounded Corners

http://www.albin.net/CSS/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

https://www.neowin.net/forum/index.php?showtopic=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/

That's really useful resource rob2090!

[BinaryData]

Coursera.org

Edx.org

Udemy Online

Codecademy

Coursera, Edx, and Codecademy are all free. Udemy has free courses, but they also have paid ones. Just a tip, once you buy a class, it's yours 100%. I download all my content for them, and bring them with me every where. It's saved my butt a few times, especially the CCNA Networking Class.

 

I've listed a few places that allow you to take FREE and PAID courses.