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