Jump to content
  • 0
Sign in to follow this  
Followers 0

XHTML/CSS/XML

Question

Posted (edited)

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:

[color="green"][size=4]Basics[/size][/color]

[size=3](X)HTML[/size]
[url="http://htmldog.com/guides/htmlbeginner/"]http://htmldog.com/guides/htmlbeginner/[/url]
[url="http://www.w3schools.com/xhtml/default.asp"]http://www.w3schools.com/xhtml/default.asp[/url]
[url="http://www.freewebmasterhelp.com/tutorials/xhtml"]http://www.freewebmasterhelp.com/tutorials/xhtml[/url]
[url="http://www.topxml.com/xhtml/articles/xhtml_basics/"]http://www.topxml.com/xhtml/articles/xhtml_basics/[/url]

[size=3]CSS[/size]
[url="http://htmldog.com/guides/cssbeginner/"]http://htmldog.com/guides/cssbeginner/[/url]
[url="http://www.w3.org/MarkUp/Guide/Style"]http://www.w3.org/MarkUp/Guide/Style[/url]
[url="http://www.w3.org/Style/Examples/011/firstcss"]http://www.w3.org/Style/Examples/011/firstcss[/url]

[url="http://www.richinstyle.com/guides/css1.html"]http://www.richinstyle.com/guides/css1.html[/url]
[url="http://www.richinstyle.com/guides/css2.html"]http://www.richinstyle.com/guides/css2.html[/url]

[size=3]XML[/size]
[url="http://www.w3schools.com/xml/default.asp"]http://www.w3schools.com/xml/default.asp[/url]
[url="http://www.xmlfiles.com/xml/"]http://www.xmlfiles.com/xml/[/url]
[url="http://www.sitepoint.com/article/really-good-introduction-xml"]http://www.sitepoint.com/article/really-go...ntroduction-xml[/url]


[color="green"][size=4]Layouts[/size][/color] - xhtml, css, standards conforming layouts. Require some background knowledge and understanding to make them work

[size=3]General[/size]
[url="http://www.saila.com/usage/layouts/"]http://www.saila.com/usage/layouts/[/url]
[url="http://www.bluerobot.com/web/layouts/"]http://www.bluerobot.com/web/layouts/[/url]
[url="http://glish.com/css/"]http://glish.com/css/[/url]
[url="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html"]http://www.thenoodleincident.com/tutorials...sson/boxes.html[/url]
[url="http://www.inknoise.com/experimental/layoutomatic.php"]http://www.inknoise.com/experimental/layoutomatic.php[/url] [i]([color="orange"]+[/color]Sch3mz)[/i]

[size=3]Tabbed[/size]
[url="http://nontroppo.org/test/tab1.html"]http://nontroppo.org/test/tab1.html[/url]
[url="http://nontroppo.org/test/tabinvert1.html"]http://nontroppo.org/test/tabinvert1.html[/url]

[size=3]Rounded Corners[/size]
[url="http://www.albin.net/CSS/RoundedCorners/"]http://www.albin.net/CSS/RoundedCorners/[/url]
[url="http://pro.html.it/esempio/nifty/"]http://pro.html.it/esempio/nifty/[/url]


[color="green"][size=4]Standards[/size][/color]

[size=3]The official specifications from W3C[/size]
[url="http://www.w3.org/"]http://www.w3.org/[/url]
[url="http://www.webstandards.org/"]http://www.webstandards.org/[/url]

[url="http://www.w3.org/Style/CSS/"]http://www.w3.org/Style/CSS/[/url]
[url="http://www.w3.org/XML/"]http://www.w3.org/XML/[/url]
[url="http://www.w3.org/MarkUp/"]http://www.w3.org/MarkUp/[/url]

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

[size=3]FAQs[/size]
[url="http://www.neowin.net/forum/index.php?showtopic=398525"]http://www.neowin.net/forum/index.php?showtopic=398525[/url] [i](by [color="orange"]+[/color]Rob)[/i]


[color="green"][size=4]Resources[/size][/color]

[size=3]Knowledge[/size]
[url="http://www.alistapart.com/"]http://www.alistapart.com/[/url] - precious solutions and ideas
[url="http://www.nypl.org/styleguide/"]http://www.nypl.org/styleguide/[/url]
[url="http://www.stylegala.com/resources/"]http://www.stylegala.com/resources/[/url]
[url="http://www.alvit.de/handbook/"]http://www.alvit.de/handbook/[/url] - 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!


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

[size=3]Colour Schemes[/size]
[url="http://kuler.adobe.com/"]http://kuler.adobe.com/[/url]
[url="http://www.colourlovers.com/"]http://www.colourlovers.com/[/url] Edited by kinetix63
1 person likes this

Share this post


Link to post
Share on other sites

45 answers to this question

  • 0

Posted

Thanks.
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

heres another one for the layout section

[url="http://www.inknoise.com/experimental/layoutomatic.php"]http://www.inknoise.com/experimental/layoutomatic.php[/url]
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

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

Share this post


Link to post
Share on other sites
  • 0

Posted

Great post! Stickied.

Share this post


Link to post
Share on other sites
  • 0

Posted

Great Resources there I am reading them all thanks!! :D
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

Heres a few nice ones for menus

[url="http://www.cssplay.co.uk/"]http://www.cssplay.co.uk/[/url]

and

[url="http://www.mywebstuff.com/02_css/css_07.html"]Pure CSS dropdown menus[/url]

Share this post


Link to post
Share on other sites
  • 0

Posted

[url="http://www.meyerweb.com/eric/css/"]http://www.meyerweb.com/eric/css/[/url]

Share this post


Link to post
Share on other sites
  • 0

Posted (edited)

[font="Geneva"][b][color=blue]More Inspiration[/color][/b][/font]
[font="Arial"][color=gray]cause we can always use a little[/color][/font]
[attachment=142661:attachment]
[url="http://www.cssvault.com/"]http://www.cssvault.com/[/url]
[url="http://cssdesign.se/start/"]http://cssdesign.se/start/[/url]
[url="http://thesis.veracon.net/"]http://thesis.veracon.net/[/url]
[url="http://www.cssimport.com/"]http://www.cssimport.com/[/url]
[url="http://www.styleboost.com/"]http://www.styleboost.com/[/url]

[font="Geneva"][b][color=blue]Layouts & Technique[/color][/b][/font]
[font="Arial"][color=gray]some extra munchies for your mind[/color][/font]
[attachment=142661:attachment]
[url="http://particletree.com/features/an-overview-of-current-css-layout-techniques/"]http://particletree.com/features/an-overvi...out-techniques/[/url]
[url="http://www.fu2k.org/alex/css/"]http://www.fu2k.org/alex/css/[/url]
[url="http://www.collylogic.com/index.php?/weblog/comments/ticked_off_links_reloaded"]http://www.collylogic.com/index.php?/weblo..._links_reloaded[/url]
[url="http://www.digital-web.com/articles/strategies_for_css_switching/"]http://www.digital-web.com/articles/strate..._css_switching/[/url]
[url="http://www.stylegala.com/resources/css_hacks.htm"]http://www.stylegala.com/resources/css_hacks.htm[/url]
[url="http://www.wellstyled.com/css-2col-fluid-layout.html"]http://www.wellstyled.com/css-2col-fluid-layout.html[/url]
[url="http://www.albin.net/CSS/roundedCorners/"]http://www.albin.net/CSS/roundedCorners/[/url]
[url="http://www.shauninman.com/plete/2004/04/ifr-revisited-and-revised"]http://www.shauninman.com/plete/2004/04/if...ted-and-revised[/url]
[url="http://www.w3schools.com/css/default.asp"]http://www.w3schools.com/css/default.asp[/url]

[font="Geneva"][b][color=blue]Type & Color[/color][/b][/font]
[font="Arial"][color=gray]both are equally important in the design world[/color][/font]
[attachment=142661:attachment]
[url="http://typetester.maratz.com/"]http://typetester.maratz.com/[/url]
[url="http://www.colourlovers.com/"]http://www.colourlovers.com/[/url]
[url="http://www.colorcombos.com/"]http://www.colorcombos.com/[/url]
[url="http://www.k10k.net/frames.aspx?section=patterns"]http://www.k10k.net/frames.aspx?section=patterns[/url]
[url="http://www.colorwhore.com/"]http://www.colorwhore.com/[/url]
[url="http://www.defencemechanism.com/color/"]http://www.defencemechanism.com/color/[/url]
[url="http://www.goodfonts.org/"]http://www.goodfonts.org/[/url]
[url="http://www.dafont.com/en/top.php"]http://www.dafont.com/en/top.php[/url] Edited by Mykal

Share this post


Link to post
Share on other sites
  • 0

Posted

[url="http://css.maxdesign.com.au"]http://css.maxdesign.com.au[/url]

Excellent guide to CSS lists.

Share this post


Link to post
Share on other sites
  • 0

Posted

Don't want to blow my own trumpet, but perhaps linking to this:
[url="http://www.neowin.net/forum/index.php?showtopic=398525"]http://www.neowin.net/forum/index.php?showtopic=398525[/url]
might be a good idea, just for another link to the list?

Share this post


Link to post
Share on other sites
  • 0

Posted

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

Share this post


Link to post
Share on other sites
  • 0

Posted

nice list very helpfull thanks :D

Share this post


Link to post
Share on other sites
  • 0

Posted

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

Share this post


Link to post
Share on other sites
  • 0

Posted

CSS hacks

[url="http://www.centricle.com/ref/css/filters/"]http://www.centricle.com/ref/css/filters/[/url]

Accessibility

[url="http://www.accessify.com"]http://www.accessify.com[/url] - plug for a friend

Share this post


Link to post
Share on other sites
  • 0

Posted

Thanks for all the links!

Share this post


Link to post
Share on other sites
  • 0

Posted

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:

[url="http://tech-resource.gotdns.com/resources/webdev/top10csstips.php"]http://tech-resource.gotdns.com/resources/...op10csstips.php[/url]

Share this post


Link to post
Share on other sites
  • 0

Posted

this is a good site too.

[url="http://24ways.org/"]http://24ways.org/[/url]

Share this post


Link to post
Share on other sites
  • 0

Posted

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

Share this post


Link to post
Share on other sites
  • 0

Posted

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! ;)

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='briandesousa' post='587131318' date='Jan 29 2006, 23:06']
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:

[url="http://tech-resource.gotdns.com/resources/webdev/top10csstips.php"]http://tech-resource.gotdns.com/resources/...op10csstips.php[/url]
[/quote]

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

Share this post


Link to post
Share on other sites
  • 0

Posted

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


Thanks everybody ! :yes:

Share this post


Link to post
Share on other sites
  • 0

Posted

Nice guide. Thanks for this.

Share this post


Link to post
Share on other sites
  • 0

Posted

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

Share this post


Link to post
Share on other sites
  • 0

Posted

Awesome! Thanks :)

Share this post


Link to post
Share on other sites
  • 0

Posted (edited)

[url="http://www.cssremix.com"]http://www.cssremix.com[/url] < Website gallery...
[url="http://www.smashingmagazine.com"]http://www.smashingmagazine.com[/url] < Lots of articles here... pretty nice
[url="http://www.ajaxload.info/"]http://www.ajaxload.info/[/url] < easily create Ajax animations
[url="http://www.cssdev.com/csstweak/tweaker.php#s2"]http://www.cssdev.com/csstweak/tweaker.php#s2[/url] <CSS file tweaker Edited by tmahmood

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.