rob2090 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 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 2 Share Link to post Share on other sites
0 Sch3mz Share Posted August 21, 2005 heres another one for the layout section http://www.inknoise.com/experimental/layoutomatic.php 1 Share Link to post Share on other sites
0 Revenant Share Posted August 21, 2005 Good compilation of sites....A++ work. Hopefully it'll help some of our users. Link to post Share on other sites
0 Mr magoo Veteran Share Posted August 21, 2005 Great post! Stickied. Link to post Share on other sites
0 GatorV Share Posted August 24, 2005 Great Resources there I am reading them all thanks!! :D 1 Share Link to post Share on other sites
0 StuRReaL Share Posted September 14, 2005 Heres a few nice ones for menus http://www.cssplay.co.uk/ and Pure CSS dropdown menus Link to post Share on other sites
0 turkishdelight Share Posted September 16, 2005 http://www.meyerweb.com/eric/css/ Link to post Share on other sites
0 Guest Mykal 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 post Share on other sites
0 Joel Share Posted November 8, 2005 http://css.maxdesign.com.au Excellent guide to CSS lists. Link to post Share on other sites
0 Rob Veteran Share Posted November 28, 2005 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? Link to post Share on other sites
0 Guest Mykal Share Posted November 28, 2005 Nice guide, Rob. It should help the people who are less educated in the web standards arena. Link to post Share on other sites
0 Von_Beard Share Posted December 11, 2005 nice list very helpfull thanks :D Link to post Share on other sites
0 rob2090 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 post Share on other sites
0 lunamonkey 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 post Share on other sites
0 briandesousa 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 post Share on other sites
0 llbbl Share Posted January 30, 2006 this is a good site too. http://24ways.org/ Link to post Share on other sites
0 briandesousa Share Posted January 31, 2006 Hey, nice tip llbbl, thanks for the extra resource. Lots of useful information there as well. Link to post Share on other sites
0 DaRkYoShI 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 post Share on other sites
0 gohankid77 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 post Share on other sites
0 TriggerHappySam 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 post Share on other sites
0 illicit Share Posted October 9, 2006 Nice guide. Thanks for this. Link to post Share on other sites
0 Boxster17 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 post Share on other sites
0 tmahmood 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 post Share on other sites
Question
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 by kinetix63Link to post
Share on other sites
46 answers to this question
Recommended Posts