• 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
  • -=Outlaw=- and 4CxbqFxVnstmA
  • 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

Guest Mykal

Posted
Posted (edited)
Link to comment
https://www.neowin.net/forum/topic/361906-xhtmlcssxml/#findComment-586609671
Share on other sites
  • 0
Community Regular

gohankid77

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

tmahmood

Posted
Posted (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 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.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Pinta 3.0.1

      By Copernic · Posted

      Pinta 3.0.1 by Razvan Serea Pinta is a free, open-source program for drawing and image editing. It combines intuitive tools with powerful features, making it easy to create, enhance, and manipulate images. Whether you're sketching or retouching photos, Pinta keeps things simple without sacrificing functionality. Compared to Microsoft Paint, Pinta includes more features, such as support for layers and multiple undo levels. While it’s not as powerful as GIMP or professional tools like Adobe Photoshop, it strikes a good balance between simplicity and functionality for everyday image editing. Draw stuff. Fix photos. Make cool things — super easy with Pinta. Whether you're editing a picture or just messing around, it’s fun and simple to use. Some of the main feature benefits of Pinta include: Multiple operating system support (Linux, Windows, and Mac OS X). Layering (most simple bitmap editors don't have this capability). This feature is available in programs like Photoshop and GIMP but Pinta’s system is more user-friendly for all levels of users. Layers help separate and group elements of an image for easy editing. Full history enabling users to experiment as you can always use the undo feature to easily to revert changes and actions. Customizable workspace. Multiple language support. Add-ins capability ( i.e. can write a custom brush). Has over 35 adjustments and effects for editing images. Pinta 3.0.1 changelog: Added Added an option (View -> Show/Hide -> Menu Bar) to switch to a menu bar layout instead of a header bar (#781, #1418) Pinta now configures a compatibility version number for add-ins, to support running add-ins built against older versions such as Pinta 3.0 (#1379, #1389) Changed Improved the sizing of the toolbox icons, particularly for high DPI displays (#1374) The text tool now uses the system's default font rather than being hardcoded to Arial, which may not exist on some systems (#1422, #1421) Updated translations Fixed Fixed an issue where the toolbar's height could change when switching tools (#1370, #1391) Fixed potential crashes when adjusting the brush width (#1340) Fixed a bug on Windows where Pinta did not use the system's language for translations (#1473, #1493) Download: Pinta 3.0.1 | 52.3 MB (Open Source) View: Pinta Website | Github | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Apple's future is glass-centric, and the new glassy UI is just the beginning 

      By Travesty · Posted

      We totally are.
    • Apple's future is glass-centric, and the new glassy UI is just the beginning 

      By Malisk · Posted

      I feel like we're going full circle here.
    • Invincible VS announced, a brutal 3v3 tag fighting game by former Killer Instinct developers

      By Jaybonaut · Posted

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

      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.

  • 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
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!