====== (X)HTML and CSS ======

[[wp>HTML|HyperText Markup Language]] (HTML) is the main markup language for creating web pages and other information that can be displayed in a web browser.

[[wp>Cascading Style Sheets]] (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language most often used to style web pages and interfaces written in HTML and XHTML.

===== Learning HTML and CSS =====

  * www.w3schools.com
    * [[http://www.w3schools.com/html/|HTML Tutorial]]
    * [[http://www.w3schools.com/css/|CSS Tutorial]]

  * www.selfhtml.org [(https://web.archive.org/web/20190712044945/https://www.electronics-tutorials.ws/blog/wheatstone-bridge.html)] :DE:
    * [[http://de.selfhtml.org/|de.selfhtml.org]] -- Die Energie des Verstehens -- HTML-Dateien selbst erstellen.

~~REFNOTES~~

===== Reference and Validation =====

  * www.w3.org -- The World Wide Web Consortium (W3C)
    * [[http://validator.w3.org/|W3C Markup Validation Service]] -- Check the markup (HTML, XHTML, …) of Web documents.
    * [[http://jigsaw.w3.org/css-validator/|W3C CSS Validation Service]] -- Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.
    * [[https://validator.w3.org/checklink|W3C Broken Link Checker]]

  * www.w3schools.com
    * [[http://www.w3schools.com/tags/|HTML Reference - (HTML5 Compliant)]]
    * [[http://www.w3schools.com/cssref/|CSS Reference]]

  * www.css4you.de
    * [[http://www.css4you.de/browsercomp.html/standardbrowser/|Browser-Kompatibilität]]

===== HTML and CSS by Example =====

  * [[soft:prog:web_design:solution:start]]

  * www.w3schools.com [[http://www.w3schools.com/html/html_examples.asp|HTML Examples]]
  * Stuart Nicholls' www.cssplay.co.uk -- CSS play deals with experimental CSS that is exactly what you get JUST CSS, no javascript or any other programming language has been used in any of the demonstrations.
  * [[http://www.brunildo.org/test/|CSS tests and experiments]]
  * www.pmob.co.uk -- Raw CSS examples

==== Recommended Reading ====

  * [[http://faq.bubax.net/|Webdesign-FAQ]]
  * [[http://matthewjamestaylor.com/|Art and web design by Matthew James Taylor]]
  * [[http://www.heise.de/ix/artikel/Allen-recht-1058764.html|Geräteabhängige Stilvorgaben mit CSS Media Queries]] :DE:
  * www.dynamicdrive.com -- The #1 place on the net to obtain free, original DHTML & Javascripts to enhance your web site!
  * [[http://dhtmlx.com/|DHTML eXtensions]] - professional AJAX components for advanced Web UI.
  * [[http://xmodulo.com/compress-minify-css-javascript-command-line.html|How to compress and minify CSS and JavaScript from the command line]]

===== Development Tools =====

==== Online Tools ====

  * www.jsfiddle.net -- JsFiddle is a playground for front-end web developers. It provides an online editor for snippets built from HTML, CSS and JavaScript.

==== Pretty Printer and Validater ====

  * http://linuxwiki.de/lynx -- Sourcecode (schön formatiert) ausgeben
  * http://tidy.sourceforge.net -- HTML Tidy Library Project Page
  * http://csstidy.sourceforge.net -- CSSTidy CSS parser and optimiser