Jump to content



Photo

XHTML/CSS/XML


  • Please log in to reply
45 replies to this topic

#1 rob2090

rob2090

    Neowinian

  • Joined: 03-August 04

Posted 21 August 2005 - 19:31

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/g...s/htmlbeginner/
http://www.w3schools...tml/default.asp
http://www.freewebma...tutorials/xhtml
http://www.topxml.co...s/xhtml_basics/

CSS
http://htmldog.com/guides/cssbeginner/
http://www.w3.org/MarkUp/Guide/Style
http://www.w3.org/St...es/011/firstcss

http://www.richinsty...uides/css1.html
http://www.richinsty...uides/css2.html

XML
http://www.w3schools...xml/default.asp
http://www.xmlfiles.com/xml/
http://www.sitepoint...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.thenoodle...sson/boxes.html
http://www.inknoise....ayoutomatic.php (+Sch3mz)

Tabbed
http://nontroppo.org/test/tab1.html
http://nontroppo.org...tabinvert1.html

Rounded Corners
http://www.albin.net...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.ne...howtopic=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 kinetix63, 13 May 2007 - 15:40.



#2 amrinders87

amrinders87

    Neowinian Senior

  • Joined: 28-December 04
  • Location: California

Posted 21 August 2005 - 19:33

Thanks.

#3 Sch3mz

Sch3mz

    Neowinian

  • Joined: 21-July 03

Posted 21 August 2005 - 20:17

heres another one for the layout section

http://www.inknoise....ayoutomatic.php

#4 Revenant

Revenant

    Rabid... *drool*

  • Joined: 12-December 03
  • Location: Ohio

Posted 21 August 2005 - 20:20

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

#5 vetMr magoo

Mr magoo

    Neowinian

  • Joined: 29-September 01

Posted 21 August 2005 - 21:02

Great post! Stickied.

#6 GatorV

GatorV

    Internet Surfer

  • Joined: 22-May 04
  • Location: /home/mx/gdl/

Posted 24 August 2005 - 16:50

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

#7 StuRReaL

StuRReaL

    Neowinian

  • Joined: 10-October 02

Posted 14 September 2005 - 23:03

Heres a few nice ones for menus

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

and

Pure CSS dropdown menus

#8 turkishdelight

turkishdelight

    Neowinian

  • Joined: 03-October 04

Posted 16 September 2005 - 20:37

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

#9 Guest_Mykal_*

Guest_Mykal_*
  • Joined: --

Posted 02 October 2005 - 18:27

More Inspiration
cause we can always use a little
bottom.gif
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
bottom.gif
http://particletree....out-techniques/
http://www.fu2k.org/alex/css/
http://www.collylogi..._links_reloaded
http://www.digital-w..._css_switching/
http://www.stylegala...s/css_hacks.htm
http://www.wellstyle...uid-layout.html
http://www.albin.net...roundedCorners/
http://www.shauninma...ted-and-revised
http://www.w3schools...css/default.asp

Type & Color
both are equally important in the design world
bottom.gif
http://typetester.maratz.com/
http://www.colourlovers.com/
http://www.colorcombos.com/
http://www.k10k.net/...ection=patterns
http://www.colorwhore.com/
http://www.defencemechanism.com/color/
http://www.goodfonts.org/
http://www.dafont.com/en/top.php

Edited by Mykal, 02 October 2005 - 18:48.


#10 Joel

Joel

    Neowinian Senior

  • Joined: 07-August 01

Posted 08 November 2005 - 00:50

http://css.maxdesign.com.au

Excellent guide to CSS lists.

#11 vetRob

Rob

  • Joined: 06-July 03
  • Location: London, UK

Posted 28 November 2005 - 00:21

Don't want to blow my own trumpet, but perhaps linking to this:
http://www.neowin.ne...howtopic=398525
might be a good idea, just for another link to the list?

#12 Guest_Mykal_*

Guest_Mykal_*
  • Joined: --

Posted 28 November 2005 - 02:20

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

#13 Von_Beard

Von_Beard

    Neowin HXC kid

  • Joined: 04-May 05
  • Location: Lydbrook, England Mood: Dancing

Posted 11 December 2005 - 14:49

nice list very helpfull thanks :D

#14 OP rob2090

rob2090

    Neowinian

  • Joined: 03-August 04

Posted 17 January 2006 - 18:23

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

#15 lunamonkey

lunamonkey

    Ten years on Neowin.

  • Joined: 28-May 03
  • Location: Swindon, England

Posted 17 January 2006 - 18:27

CSS hacks

http://www.centricle...ef/css/filters/

Accessibility

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