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 -=Outlaw=- and 4CxbqFxVnstmA 2 Share Link to comment Share on other sites More sharing options...
0 alvaro_fn Posted February 17, 2007 Share Posted February 17, 2007 (edited) Free easy editable CSS templates for download: http://www.cssbank.com Edited February 17, 2007 by alvaro_fn Link to comment Share on other sites More sharing options...
0 piXelatedEmpire Posted March 11, 2007 Share Posted March 11, 2007 Wow this thread is sensational! Thanks to all who have contributed these great links ;) Link to comment Share on other sites More sharing options...
0 kinetix63 Veteran Posted May 13, 2007 Veteran Share Posted May 13, 2007 Updated with colour scheme resources Link to comment Share on other sites More sharing options...
0 Remysaus Posted February 21, 2008 Share Posted February 21, 2008 http://browsershots.org/ very useful site to see how your site looks on all different browsers. :) Link to comment Share on other sites More sharing options...
0 kevindy Posted August 6, 2008 Share Posted August 6, 2008 Great work THX Link to comment Share on other sites More sharing options...
0 YounGMessiah Posted June 20, 2009 Share Posted June 20, 2009 Nice resources! Link to comment Share on other sites More sharing options...
0 INDIAN7 Posted December 30, 2009 Share Posted December 30, 2009 Its very helpful 4 beginners like me.. Thnkx dude.. Link to comment Share on other sites More sharing options...
0 meshiga Posted March 28, 2010 Share Posted March 28, 2010 Looking 4 this for a long time Link to comment Share on other sites More sharing options...
0 Alladaskill17 Posted October 19, 2010 Share Posted October 19, 2010 EDIT: will create own topic for help. Link to comment Share on other sites More sharing options...
0 Glassed Silver Posted December 13, 2010 Share Posted December 13, 2010 Buddy, you're missing SelfHTML... Just sayin' Glassed Silver:mac Link to comment Share on other sites More sharing options...
0 M_Lyons10 Posted January 17, 2011 Share Posted January 17, 2011 Awesome thread. This should be stickied. Thanks! :) Link to comment Share on other sites More sharing options...
0 Cupcakes Posted January 17, 2011 Share Posted January 17, 2011 Awesome thread. This should be stickied. Thanks! :) LOL it already is... Link to comment Share on other sites More sharing options...
0 Cosmin Posted July 3, 2011 Share Posted July 3, 2011 Really useful. Link to comment Share on other sites More sharing options...
0 Meero Posted November 23, 2011 Share Posted November 23, 2011 this is really awesome, Thanks very much to all :) Xcellent shares, very helpful and useful. :D Link to comment Share on other sites More sharing options...
0 threetonesun Posted December 13, 2011 Share Posted December 13, 2011 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. Link to comment Share on other sites More sharing options...
0 Ignuition Posted January 12, 2012 Share Posted January 12, 2012 This should be added: http://learncss.tutsplus.com/[/CODE] Link to comment Share on other sites More sharing options...
0 MattehCarter Posted January 15, 2012 Share Posted January 15, 2012 I'd remove w3schools, they are well known for providing invalid syntax and outdated coding methods. Link to comment Share on other sites More sharing options...
0 PortalPacific Posted September 1, 2014 Share Posted September 1, 2014 I think this thread needs a re-boot of modern practices. lol Link to comment Share on other sites More sharing options...
0 Seahorsepip Veteran Posted September 1, 2014 Veteran Share Posted September 1, 2014 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. Link to comment Share on other sites More sharing options...
0 approveme Posted November 13, 2014 Share Posted November 13, 2014 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! Link to comment Share on other sites More sharing options...
0 BinaryData Posted August 6, 2015 Share Posted August 6, 2015 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. Link to comment 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
Share on other sites
46 answers to this question
Recommended Posts