• 0

XHTML/CSS/XML


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

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

Recommended Posts

  • 0
  • 0
  briandesousa said:

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

  • 0

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 by tmahmood
Link to comment
https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-588326305
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • It's a 3v3 fighting system which Mortal Kombat has never done, unless you are talking about the hitstop animation and so on
    • Apple's future is glass-centric, and the new glassy UI is just the beginning  by Hamid Ganji Apple will unveil its overhauled UI experience at today’s WWDC event. The new UI will be available on all Apple devices, including iPhones, iPads, and Mac devices, and it will take most of its cues from visionOS. Bloomberg’s Mark Gurman has now provided us with new details about Apple’s new UI. The new interface is called Liquid Glass and has “sheen and see-through visuals of a glassy surface.” The name represents Apple’s approach to designing the new interface. The new UI also brings “transparency and shine effects in all of Apple’s tool bars, in-app interfaces and controls.” However, Gurman notes that the Liquid Glass interface will lay the groundwork for Apple’s future products, especially the 20th anniversary iPhone. It was already reported that Apple plans to unveil at least two new devices in 2027, which coincides with the iPhone’s 20th anniversary. The first model would be the long-awaited foldable iPhone. However, the second model, the 20th anniversary iPhone, is a glass-centric model that aligns with Apple’s new UI concept. According to Gurman, the 20th anniversary iPhone has curved glass sides and edges. It also features “extraordinarily slim bezels” and “no cutout section in the screen.” The phone is reportedly called “Glasswing,” which refers to the type of butterfly with transparent wings. Apple’s upcoming iOS 26 is the biggest overhaul to iPhone UI since the launch of iOS 7 in 2013. The new UI also hits iPadOS 26, tvOS 26, visionOS 26, watchOS 26, macOS 26. As a side note, the new “26” on the name of Apple’s operating system represents the year 2026.
    • Listen, adrynalyne - You're trolling me (I've known this for months). If you have something meaningful to say - say it, don't ask as if you know something, becauser you know sh*t. Ok?
  • Recent Achievements

    • Week One Done
      Al_ earned a badge
      Week One Done
    • Week One Done
      MadMung0 earned a badge
      Week One Done
    • Reacting Well
      BlakeBringer earned a badge
      Reacting Well
    • Reacting Well
      Lazy_Placeholder earned a badge
      Reacting Well
    • Dedicated
      Epaminombas earned a badge
      Dedicated
  • Popular Contributors

    1. 1
      +primortal
      475
    2. 2
      +FloatingFatMan
      273
    3. 3
      ATLien_0
      242
    4. 4
      snowy owl
      211
    5. 5
      Edouard
      182
  • Tell a friend

    Love Neowin? Tell a friend!