Beispiel-Seiten zu Responsive Web Design (RWD) mit CSS

Alle Links werden in einem neuen Browser-Tab geöffnet.

Grundlagen: Media Types & Media Queries

• CSS MediaTypes
• Farbwechsel mit Media-Queries

Vom festem Layout zu RWD:

• Beispiel-Seite mit festem Layout
• Beispiel-Seite mit flüssigem Layout ( alternative Deklaration mit CSS-Funktion "calc()" )
• Beispiel-Seite mit flüssigem Layout und Umschaltungen durch Media-Queries
• Flüssiges Kachel-Layout mit Umschaltungen durch Media-Queries

Flexible Grafiken

• Bild normal
• Bild flexibel

CSS mit jQuery

• CSS-Klasse mit jQuery umschalten
• CSS-Klasse jQuery-Selektor