rob2090 Posted August 21, 2005 Share Posted August 21, 2005 (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: 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 4CxbqFxVnstmA and -=Outlaw=- 2 Share Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/ Share on other sites More sharing options...
0 amrinders87 Posted August 21, 2005 Share Posted August 21, 2005 Thanks. saiyadgulbaz 1 Share Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586411517 Share on other sites More sharing options...
0 EpicFail Posted August 21, 2005 Share Posted August 21, 2005 heres another one for the layout section http://www.inknoise.com/experimental/layoutomatic.php saiyadgulbaz 1 Share Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586411670 Share on other sites More sharing options...
0 Revenant Posted August 21, 2005 Share Posted August 21, 2005 Good compilation of sites....A++ work. Hopefully it'll help some of our users. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586411677 Share on other sites More sharing options...
0 john smith 1924 Veteran Posted August 21, 2005 Veteran Share Posted August 21, 2005 Great post! Stickied. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586411823 Share on other sites More sharing options...
0 GatorV Posted August 24, 2005 Share Posted August 24, 2005 Great Resources there I am reading them all thanks!! :D saiyadgulbaz 1 Share Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586425694 Share on other sites More sharing options...
0 StuRReaL Posted September 14, 2005 Share Posted September 14, 2005 Heres a few nice ones for menus http://www.cssplay.co.uk/ and Pure CSS dropdown menus Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586526049 Share on other sites More sharing options...
0 turkishdelight Posted September 16, 2005 Share Posted September 16, 2005 http://www.meyerweb.com/eric/css/ Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586535833 Share on other sites More sharing options...
0 Guest Mykal Posted October 2, 2005 Share Posted October 2, 2005 (edited) 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 Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586609671 Share on other sites More sharing options...
0 Joel Posted November 8, 2005 Share Posted November 8, 2005 http://css.maxdesign.com.au Excellent guide to CSS lists. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586780975 Share on other sites More sharing options...
0 Rob Veteran Posted November 28, 2005 Veteran Share Posted November 28, 2005 Don't want to blow my own trumpet, but perhaps linking to this: https://www.neowin.net/forum/index.php?showtopic=398525 might be a good idea, just for another link to the list? Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586861205 Share on other sites More sharing options...
0 Guest Mykal Posted November 28, 2005 Share Posted November 28, 2005 Nice guide, Rob. It should help the people who are less educated in the web standards arena. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586861593 Share on other sites More sharing options...
0 Von_Beard Posted December 11, 2005 Share Posted December 11, 2005 nice list very helpfull thanks :D Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586907421 Share on other sites More sharing options...
0 rob2090 Posted January 17, 2006 Author Share Posted January 17, 2006 header formatting seems broken :s ...... I've tried updating them. Shows ok in the page preview but it turns out to be completely different Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587077927 Share on other sites More sharing options...
0 lnmnky Posted January 17, 2006 Share Posted January 17, 2006 CSS hacks http://www.centricle.com/ref/css/filters/ Accessibility http://www.accessify.com - plug for a friend Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587077947 Share on other sites More sharing options...
0 Paul Posted January 17, 2006 Share Posted January 17, 2006 Thanks for all the links! Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587079164 Share on other sites More sharing options...
0 briandesousa Posted January 30, 2006 Share Posted January 30, 2006 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 Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587131318 Share on other sites More sharing options...
0 llbbl Posted January 30, 2006 Share Posted January 30, 2006 this is a good site too. http://24ways.org/ Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587133580 Share on other sites More sharing options...
0 briandesousa Posted January 31, 2006 Share Posted January 31, 2006 Hey, nice tip llbbl, thanks for the extra resource. Lots of useful information there as well. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587135399 Share on other sites More sharing options...
0 DaRkYoShI Posted February 26, 2006 Share Posted February 26, 2006 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! ;) Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587244853 Share on other sites More sharing options...
0 gohankid77 Posted April 16, 2006 Share Posted April 16, 2006 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. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587420105 Share on other sites More sharing options...
0 TriggerHappySam Posted October 9, 2006 Share Posted October 9, 2006 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: Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587940539 Share on other sites More sharing options...
0 illicit Posted October 9, 2006 Share Posted October 9, 2006 Nice guide. Thanks for this. Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587941995 Share on other sites More sharing options...
0 Boxster17 Posted October 17, 2006 Share Posted October 17, 2006 Just wanted to say thanks for making this, helped me out a ton with this website assignment I had to do! Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-587962977 Share on other sites More sharing options...
0 yanike Posted November 17, 2006 Share Posted November 17, 2006 Awesome! Thanks :) Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-588056173 Share on other sites More sharing options...
0 tmahmood Posted February 16, 2007 Share Posted February 16, 2007 (edited) 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 Link to comment https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-588326305 Share on other sites More sharing options...
Question
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 by kinetix63Link to comment
https://www.neowin.net/forum/topic/361906-xhtmlcssxml/Share on other sites
46 answers to this question
Recommended Posts