The StyleWorksCSS { Referenz · Labor · Übungen }
  1. Startseite
  2. Info

Info

Info: Bücher, Editoren, Foren und Inhaltsverzeichnis

Alles, was in keinem der anderen Kapitel untergebracht ist: Bücher, Werkzeuge, Anlaufstellen für Fragen und die Übersicht aller Seiten.

Externe Quellen

  1. CSS-BücherReferenzen, Tutorials, Gestaltung – deutsch und englischListe
  2. CSS-EditorenProgramme zum Schreiben und Prüfen von StylesheetsTest
  3. Foren, Blogs, WebsitesWo Fragen zu CSS beantwortet werdenListe

Diese Website

  1. InhaltsverzeichnisAlle Kapitel und Seiten auf einer SeiteÜbersicht
  2. Vollreferenz133 Eigenschaften, Selektoren, At-RegelnReferenz
  3. CSS 3 und neuerFlexbox, Grid, Custom Properties, Media QueriesModule

Wie diese Listen einzuordnen sind

Die drei Listen mit externen Quellen stammen aus den Jahren 2004 bis 2007 und beschreiben den damaligen Stand: welche Bücher es auf Deutsch und Englisch gab, welche Programme sich zum Schreiben und Prüfen von Stylesheets eigneten und wo Fragen zu CSS beantwortet wurden. Sie sind unverändert erhalten, weil sie ein Bild jener Zeit geben – nicht, weil sie heute noch eine Kaufempfehlung wären.

Am stärksten veraltet ist die Liste der Programme. Der eigenständige CSS-Editor als Gattung ist praktisch verschwunden; an seine Stelle sind allgemeine Quelltexteditoren getreten, die CSS über Erweiterungen unterstützen, und die Prüfwerkzeuge sind in die Browser gewandert. Was damals ein eigenes Programm war – die Regel eines Elements ansehen, einen Wert probeweise ändern, die Kaskade nachvollziehen –, ist heute in jedem Browser drei Tastendrücke entfernt.

Die Bücherliste hat sich besser gehalten, weil ein gutes Grundlagenbuch nicht veraltet, solange es die Konzepte erklärt: Kaskade, Vererbung, Box-Modell und normaler Fluss sind seit CSS 2.1 unverändert. Veraltet ist an solchen Büchern nur der zweite Teil, der die damals verfügbaren Techniken beschreibt.

Nutzung der Texte

Die Texte dieser Website stehen unter einer Creative-Commons-Lizenz mit drei Bedingungen: Namensnennung, keine kommerzielle Nutzung und Weitergabe unter gleichen Bedingungen. Übernommen werden dürfen sie damit für nicht kommerzielle Zwecke – für eine Schulung, eine Seminararbeit, eine Wissenssammlung –, sofern die Herkunft genannt und die Lizenz beibehalten wird.

Nicht von der Lizenz erfasst sind fremde Inhalte, die hier zitiert werden. Dazu gehören insbesondere die Auszüge aus den Spezifikationen, die ihren eigenen Bedingungen unterliegen, sowie Namen und Zeichen der genannten Programme und Bücher. Für die Codebeispiele gilt die Lizenz ebenfalls nicht in einem einschränkenden Sinn: Eine Deklaration aus drei Zeilen ist keine schöpferische Leistung, und sie darf ohne jede Nennung verwendet werden.

Wie diese Website gebaut ist

Die Seiten sind statisch: Jede Adresse ist eine fertige Datei, die der Server unverändert ausliefert. Es gibt keine Datenbank, keine Anmeldung und keine serverseitige Verarbeitung von Eingaben. Was in einem der Labore oder in einer Übung eingetippt wird, verlässt den Browser nicht.

Alle interaktiven Teile – die Labore auf den Referenzseiten, die vier Instrumente, der Prüfer der Übungen, das Quiz – sind so gebaut, dass die Seite auch ohne sie vollständig ist. Ohne JavaScript erscheint statt der Bedienelemente ein festes Beispiel mit demselben Ergebnis, das der Text erklärt. Der Fortschritt in Übungen und Quiz wird ausschließlich im Speicher des Browsers gehalten und ist an das Gerät gebunden, auf dem er entstanden ist.

Das Inhaltsverzeichnis

Das Inhaltsverzeichnis führt alle Seiten auf einer einzigen Seite auf, nach Kapiteln geordnet und innerhalb der Kapitel in derselben Reihenfolge wie in der Navigation. Es ist die schnellste Art, einen Überblick über den Umfang zu bekommen, und die zuverlässigste, eine Seite wiederzufinden, deren Namen man nur ungefähr erinnert – ein Suchbegriff im Browser genügt.

Für Suchmaschinen gibt es zusätzlich eine maschinenlesbare Fassung. Beide werden beim Erzeugen der Seiten automatisch aus demselben Bestand gebildet, können also nicht auseinanderlaufen: Eine neue Seite erscheint in beiden, ohne dass jemand eine Liste pflegen müsste.

Jede Seite trägt außerdem am Kopf einen Pfad, der zeigt, wo sie im Aufbau steht, und in der Randspalte Verweise auf die Seiten, die inhaltlich anschließen. Zusammen ergibt das drei voneinander unabhängige Wege zu jeder Seite: über das Kapitel, über das Inhaltsverzeichnis und über die Querverweise aus einer verwandten Seite. Ein Suchfeld gibt es bewusst nicht – bei einem festen, überschaubaren Bestand führt die Gliederung schneller zum Ziel als eine Volltextsuche, und die Suchfunktion des Browsers deckt den Rest ab.

Die Navigation im Kopf führt dagegen bewusst nur die Hauptkapitel auf. Sie ist auf jeder Seite gleich, damit man von überall an dieselben Stellen kommt, und sie bleibt kurz genug, um auf einem schmalen Bildschirm brauchbar zu sein. Wer tiefer einsteigen will, geht über das Kapitel oder über das Inhaltsverzeichnis.