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.