Ressourcen

Grundlagen- und Spezialwissen

Referenzen, Tipps, Tutorials, Artikel/Essays und andere Online-Informationen, die wir empfehlen.

Auf dieser Seite:

(X)HTML
Referenzen, Tutorials und Tipps zur (Extensible) Hypertext Markup Language.
CSS
Referenzen, Layout-Techniken und andere Tipps & Tricks zu Cascading Style Sheets.
Accessibility/Usability
Richtlinien, Artikel und Essays zum barrierefreien Webdesign.
Design
Design-Studien, CSS-Designs, Vorlagen und andere Beispiele für den Design-Prozess.
"Crossover"
Querbeet, übergreifend und was wir nicht einordnen wollten.

(X)HTML

HTML 4.01-Spezifikation
Deutsche Übersetzung der HTML 4.01-Spezifikation. Sofort-Informationen zu einem Element oder Attribut über den Index der HTML 4-Elemente bzw. der HTML 4-Attribute.
HTML 4.0 Elements
Äußerst kompakt und übersichtlich, von der Web Design Group.
SELFHTML 8 (HTML-Dateien selbst erstellen)
Das Standardwerk im deutschsprachigen Web. Keine Referenz!
XHTML Web Design for Beginners
Recht gelungenes und kompaktes XHTML-Tutorial.
Faq-O-Matic für de.comm.infosystems.www.authoring.misc
FAQ, Einführungen und andere Beiträge aus der deutschsprachigen HTML-Newsgroup.
dciwam | Checkliste zur Webseitengestaltung
Hilfreiche Informationen und weiterführende Verweise für Web-Autoren.
Subotnik: Warum Frames out sind
Exzellente Argumentationssammlung für Webseiten ohne Frames.
Doctype switch summary table
Übersichtstabelle zur Auswirkung unterschiedlicher !DOCTYPE-Deklarationen auf die Layout-Darstellung in den Browsern.
XHTML 2.0 Working Draft
Ein Ausblick, was uns mit XHTML 2 erwartet.

CSS

CSS 2.1 Spezifikation
Die aktuelle W3C-CSS-Spezifikation. Sofortinformationen zu einer CSS-Eigenschaft über den Eigenschaften-Index.
Cascading Style Sheets Level 2
Deutsche Übersetzung der W3C-CSS2-Spezifikation.
Typische Fehler bei der Erstellung von Style Sheets
Diese kurze Auflistung hilft, gerne gemachte Fehler zu vermeiden.
CSS-Spickzettel
Deutsche Übersetzung von Dave Sheas überaus nützlicher Checkliste für den CSS-Design-Prozess.
CSS Browser Support Charts
Umfangreiche und logisch gegliederte Tabellen mit Informationen zur CSS-Unterstützung der Mainstream-Browser (inkl. IE7).
Mac Browser CSS2 Support
CSS2-Unterstützung der auf Mac-Systemen laufenden Browser.
CSS-Attributunterstützung im Internet Explorer
Microsofts Beschreibung der unterstützten CSS-Attribute in den verschiedenen Internet Explorer Versionen.
CSS Enhancements in Internet Explorer 6
Microsofts ausführliche Beschreibung aller CSS-Erweiterungen in IE6 inklusive einer grafischen Erklärung des Box-Modells in Abhängigkeit von der !DOCTYPE Deklaration.
Position Is Everything
Erklärungen und Workarounds für einige weniger bekannte CSS-Bugs in den modernen Browsern.
CSS2 Test Suite
Eric Meyers Testseite für unsere Browser. Mit den gängigen, und auch vielen browserkritischen CSS2-Regeln.
CSS Layout Techniques
Code-Beispiele für tabellenfreie zwei- bis vierspaltige CSS-Layouts, von glish.com.
The Layout Reservoir
Bluerobots Beispiele für tabellenfreie zwei- und dreispaltige CSS-Layouts.
Listamatic
Zahlreiche Design- und Code-Beispiele für CSS-Menüs aus HTML-Listen, auch mit verschachtelten Listen.
css/edge
Eric A. Meyers beliebte CSS-Trickkiste für Navigations-Menüs und andere Design-Herausforderungen.
Making Headlines With Cascading Style Sheets
Viele Beispiele, um Überschriften mit CSS zu gestalten.
Dead Centre
Ein Beispiel für horizontale und vertikale Zentrierung ausschließlich mit CSS.
max-width in Internet Explorer
Ein proprietärer JavaScript-Workaround, um Microsofts Internet Explorer die CSS-Eigenschaft max-width beizubringen (ebenfalls geeignet für max-height, min-width, min-height).
Bilder, Tabellen und seltsame Lücken
Deutsche Übersetzung von Eric A. Meyers Exkurs zu Bildern in Tabellenzellen und Problemen mit der vertikalen Ausrichtung.
CSS3 Basic User Interface Module
Was uns mit CSS3 erwartet.

Accessibility/Usability

Web Accessibility Initiative (WAI)
Die W3C-Initiative für ein barrierefreies Web.
Business Benefits of Accessible Web Design
Informationen vom W3C zu den wirtschaftlichen Vorteilen zugänglichen Webdesigns. Überzeugende Argumente für Webdesigner und ihre Auftraggeber.
Zugänglichkeitsrichtlinien für Web-Inhalte 1.0
Deutsche Übersetzung der "Web Content Accessibility Guidelines 1.0" des W3C.
WAI Quick Tips
Deutsche Übersetzung der WAI-Checkliste zur Erstellung zugänglicher Websites.
Web ohne Barrieren
Informationen und Hilfestellungen vom "Aktionsbündnis für barrierefreie Informationstechnik - AbI".
Einfach für Alle
Aktionen und Informationen zum barrierefreien Webdesign von der "Deutschen Behindertenhilfe - Aktion Mensch e.V.".
Barrierefreies Internet
Das Projekt des Sozialnetz Hessen gibt Ihnen Erfahrungsberichte und andere hochwertige Informationen über Barrieren im Web.
Criteria for optimal web design (designing for usability)
Mehrere Studien des Fachbereichs Psychologie der Wichita State University zur Usability-Erhöhung von Websites.
Understanding web typography - an introduction
Guter Artikel zu den Besonderheiten der Typographie im Web inkl. Auflistung der Schriftenverteilung auf Win-, Mac- und Unix-Plattformen.
Web Accessibility Links
Über 360 Links zu den Themen 'Barrierfreie Websites', 'Web Accessibility' und 'Web Usability'.
Problemseiten.de
Linksammlung mit Besprechung unzugänglicher oder kaum benutzbarer Websites.
Screenreader Visibility
Falls Sie ein Fan von Todd Fahrners 'Image Replacement'-Technik sind: So verhalten sich Screenreader bei Verwendung der CSS-Eigenschaften 'display' und 'visibility'.

Design

What We Saw When We Looked Through Their Eyes
Ausgiebige Benutzerstudie von Eyetrack III über die Wahrnehmung unterschiedlicher Designs auf verschiedenen News-Homepages.
CSS Zen Garden
Hunderte oft hervorragender CSS-Designs, basierend auf ein und derselben XHTML-Vorlage. Eine großartige Website mit einer großartigen Idee!
Color Schemes
Farb-Zusammenstellung diverser großer Websites.
Free Menu Designs
Ein paar mit CSS gestaltete Listen zum freien Download.

"Crossover"

A List Apart
Jeffrey Zeldmans Online-Magazin "for people who make websites". Eine der populärsten Anlaufstellen für alle Themen rund um standardkonformes Webdesign.
Google-Informationen für Webmaster
Arbeitsweise, Rankingverfahren und Richtlinien der populären Suchmaschine.