• 0

XHTML/CSS/XML

Asked by rob2090,

 Share

Question

Proficient

rob2090

Posted
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:

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 kinetix63
  • 4CxbqFxVnstmA and -=Outlaw=-
  • Like 2
Link to comment
https://www.neowin.net/forum/topic/361906-xhtmlcssxml/
Share on other sites

46 answers to this question

Recommended Posts

  • 0
Grand Master

threetonesun

Posted
Posted

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.

  • 0
Apprentice

approveme

Posted
Posted

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 smile.gif 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!

  • 0
Grand Master

BinaryData

Posted
Posted

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. 

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Movavi Video Editor Plus 26.17.0

      By Copernic · Posted

      Movavi Video Editor Plus 26.17.0 by Razvan Serea With Movavi Video Editor Plus, you can either enhance your video files with two or three simple steps, or turn them into something completely new. Create your own movies using multiple filters, transitions, and special effects: show multiple videos on one screen with the Picture in picture effect or change the background with the Chroma Key effect, imitate the camera zoom or make your video look like an old-style movie. Adjust video parameters such as brightness, contrast and colors. Stabilize shaky footage, improve video quality and remove defects. Create video presentations, tutorials or educational videos: add titles and record your own narration to create a video with voiceover. Import video from any source: TV-tuner, webcam, camcorder, or VHS. Drop multiple media files onto a timeline and let your imagination do the rest! Features at a glance: Video and audio editing on a timeline Edit, enhance videos Add background music Apply titles and effects Image quality improvement Hollywood-worthy effects High-grade titles and fades Digitize VHS tapes, record video from TV tuners Stabilize any shaky sections Support for a wide range of formats Prepare your videos for uploading to YouTube, Facebook, Vimeo, or any other website New in Movavi Video Editor 2026: 30+ fresh subtitle styles. Upgrade your automatic captions with new designs. Customize your text in the Styles tab with a single click. Optional advanced settings are also available in the dedicated Design tab. Subtitles in English – instantly! Translate auto-subtitles into English with a click – no dictionaries or online services needed. Once translated, configure and fine-tune the subtitles using the standard editing tools. 40+ adjustable effects. Enhance your videos in a click with new realistic effects – from dust particles and light leaks to retro-style and VHS. Every effect is fully customizable – so it will fit any clip perfectly and bring an extra spark to your edits. Ultra-fast playback. Show more in less time with video speed control of up to 100x. Perfect for epic time-lapses, long process recaps, or whenever you want to add some extra energy to your content. Magnetic zones are marked with dots, and the 1x value is indicated by a vertical line. Silence removal – in a click. Cut out unwanted pauses automatically or fine-tune the pause length and volume threshold yourself. Skip the tedious cleanup and make your videos more dynamic. Fast effect copying. Effortlessly duplicate any effect from one video to another: click Clip effects in the dropdown menu and proceed to copy or paste. Movavi Video Editor Plus 26.17.0 changes: A new set of subtitle styles Check out the latest drop of ready-made subtitle styles with active word highlighting – fully designed and ready to use. Each one has its own vibe, so you can quickly find the perfect match for your video. Give them a spin and pick your favorite. Download: Movavi Video Editor Plus 26.17.0 | 2.7 MB (Shareware) View: Movavi Video Editor Plus Website | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Classic Outlook vs New Outlook — Which one do you prefer and why?

      By LittleNeutrino · Posted

      "New" Outlook has themes and colours and all sorts of visual customizations not just black and white.
    • Google Chrome is killing all uBlock Origin bypasses, Microsoft Edge, Opera to follow

      By +Edouard · Posted

      What a bizarre statement. Why are you against users having choices? Are you against all extensions or just ad blocking? What about extensions to alter the W11 start menu to suit user preferences. Are you against those?
    • Google Chrome is killing all uBlock Origin bypasses, Microsoft Edge, Opera to follow

      By SnyPer456 · Posted

      Honestly, I've been using the Lite version for a couple of months now, and it's been working well for me in my daily life. So much that I don't even miss the original version.
    • Classic Outlook vs New Outlook — Which one do you prefer and why?

      By margrave · Posted

      I use classic for reliability. Dark grey is vastly better than the all black or all white of new outlook.

  • Recent Achievements

    • Week One Done
      skylerssviv earned a badge
      Week One Done
    • One Month Later
      mobmobiles earned a badge
      One Month Later
    • Very Popular
      Captain_Eric earned a badge
      Very Popular
    • One Month Later
      amusc earned a badge
      One Month Later
    • One Month Later
      DJC50PLUS earned a badge
      One Month Later

  • Popular Contributors

    1. 1
      +primortal
      501
    2. 2
      PsYcHoKiLLa
      230
    3. 3
      +Edouard
      98
    4. 4
      ATLien_0
      91
    5. 5
      Steven P.
      82
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!