edu.volpe.ch · Interface Design · Information Architecture · Web Development

CSS Layouts – ein Ãœberblick

Erstellt: 15.11.2005 | Aktualisiert: 19.11.2005

Aller Anfang ist schwer. Doch der Ärger zu Beginn wird bald einem freudigen Jauchzen über die vielen Layout-Möglichkeiten mittels CSS weichen. Was man alles zur CSS-Layout-Technik wissen sollte und viele weitere hilfreiche Links gibts in diesem Snippet.

Als guten Einstieg ins Thema CSS-Layouts, sei der ausführliche Überblick von Kevin Hale empfohlen: An Overview of Current CSS Layout Techniques

Layout-Technik

• CSS Layouts
• Float-Theorie

Vorlagen

• Little Boxes
• The Layout Reservoir
• glish.com
• Page Layouts
• Intensivstation CSS Templates

Generators

• Inknoise-Layoutomatic

Tutorials

• CSS Tutorial
• A Simple Introduction to 3 Column Layouts
• Create Liquid Layouts that Never Fail

Meta-Texte

• Ideal Structure

  • Modular CSS
  • A CSS Framework
  • Playing Nice With The Other CSS Kids

• Maintainability

  • CSS Organization
  • Maintainable CSS
  • Easy Maintenance
  • What’s in a name
  • What’s in a name (Part II)

• Fixed vs. Fluid

  • Water vs. Stone – The reality of Fluid Layouts
  • Elastic Design
  • Fixed or Fluid width? elastic!
  • Dynamic Resolution dependent Layouts

Ressourcen

• Never Ending Ressource

to be continued…