XHTML/CSS/XML

[rob2090 2]

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

http://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

[amrinders87 1]

Thanks.

[Sch3mz 1]

heres another one for the layout section

http://www.inknoise.com/experimental/layoutomatic.php

[Revenant 0]

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

[Mr magoo 1]

Great post! Stickied.

[GatorV 1]

Great Resources there I am reading them all thanks!! :D

[StuRReaL 0]

Heres a few nice ones for menus

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

and

Pure CSS dropdown menus

[turkishdelight 0]

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

[Guest Mykal]

More Inspiration

cause we can always use a little

http://www.cssvault.com/

http://cssdesign.se/start/

http://thesis.veracon.net/

http://www.cssimport.com/

http://www.styleboost.com/

Layouts & Technique

some extra munchies for your mind

http://particletree.com/features/an-overvi...out-techniques/

http://www.fu2k.org/alex/css/

http://www.collylogic.com/index.php?/weblo..._links_reloaded

http://www.digital-web.com/articles/strate..._css_switching/

http://www.stylegala.com/resources/css_hacks.htm

http://www.wellstyled.com/css-2col-fluid-layout.html

http://www.albin.net/CSS/roundedCorners/

http://www.shauninman.com/plete/2004/04/if...ted-and-revised

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

Type & Color

both are equally important in the design world

http://typetester.maratz.com/

http://www.colourlovers.com/

http://www.colorcombos.com/

http://www.k10k.net/frames.aspx?section=patterns

http://www.colorwhore.com/

http://www.defencemechanism.com/color/

http://www.goodfonts.org/

http://www.dafont.com/en/top.php

Edited October 2, 2005 by Mykal

[Joel 25]

http://css.maxdesign.com.au

Excellent guide to CSS lists.

[Rob 20]

Don't want to blow my own trumpet, but perhaps linking to this:

http://www.neowin.net/forum/index.php?showtopic=398525

might be a good idea, just for another link to the list?

[Guest Mykal]

Nice guide, Rob. It should help the people who are less educated in the web standards arena.

[Von_Beard 0]

nice list very helpfull thanks :D

[rob2090 2]

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

[lunamonkey 118]

CSS hacks

http://www.centricle.com/ref/css/filters/

Accessibility

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

[Paul 8]

Thanks for all the links!

[briandesousa 0]

Here is an article that outlines 10 of the most common, visually appealing CSS tips and techniques that are supported by most if not all browsers today. You can read the article at:

http://tech-resource.gotdns.com/resources/...op10csstips.php

[llbbl 0]

this is a good site too.

http://24ways.org/

[briandesousa 0]

Hey, nice tip llbbl, thanks for the extra resource. Lots of useful information there as well.

[DaRkYoShI 0]

Hey thanks for this. Looking at boosting my skills and updating my knowledge so I can be "withit" and start desiging valid websites in xhtml+css. Cheers! ;)

[gohankid77 0]

Here is an article that outlines 10 of the most common, visually appealing CSS tips and techniques that are supported by most if not all browsers today. You can read the article at:

http://tech-resource.gotdns.com/resources/...op10csstips.php

Note that the example for #4 (tableless page layout) doesn't quite work right in Firefox 1.5.0.2 for Windows.

[TriggerHappySam 0]

Like to say Thanks to everybody for contributing ... all the links and information on CSS layout is exactly what I have been looking for.

Thanks everybody ! :yes:

[illicit 0]

Nice guide. Thanks for this.

[Boxster17 78]

Just wanted to say thanks for making this, helped me out a ton with this website assignment I had to do!

[yanike 7]

Awesome! Thanks :)

[tmahmood 3]

http://www.cssremix.com < Website gallery...

http://www.smashingmagazine.com < Lots of articles here... pretty nice

http://www.ajaxload.info/ < easily create Ajax animations

http://www.cssdev.com/csstweak/tweaker.php#s2 <CSS file tweaker

Edited February 16, 2007 by tmahmood