Responsive Webdesign

kontakt@scam.de (Ralf Wierling)
Sat, 07 Mar 2015 20:17:15 +0100
Neue Seminare

Webseiten plattformübergreifend planen, gestalten, umsetzen :: Praxis-Workshop mit Fokus auf dem mobilen Internet

Responsive Webdesign
Webseiten plattformübergreifend planen, gestalten, umsetzen :: Praxis-Workshop mit Fokus auf dem mobilen Internet

- Übersicht
Server-side Adaption . Progressive Enhancement und Responsive Web Design RWD . RWD mit HTML5, CSS3 und Javascript . Möglichkeiten und Grenzen des Servers .

- Media Queries
Erweitern der Media-Direktiven durch Media Queries . Viewport Angaben . Gerätetypen . Device-Features . Expressions und logische Operatoren . Formulierung effizienter Queries . Polyfills für alte Browser .

- Layout
Schwächen und Nachteile von Table-Layouts . Fluid Layout . Schriftgrößen . Grid Layout . CSS-Tabellen .

- Responsive Media
geeignete Ressourcen dynamisch nachladen . Adaptive Images . SVG Scalable Vector Graphics . Andere Ressourcen . Grafiken und Videos .

- Responsive UI
Grenzen der Media Queries . Ergänzungen, Erweiterungen und Möglichkeiten von Javascript . Clientseitige Feature detection mit Modernizr . Seiten-Navigation . Gruppierung und Toggling von Content-Bereichen .

- Alternativen und Ergänzungen
RESS und Server-side device detection . Mobile First . Audience and Device Aware (ADA) . Ausblick auf CSS-Scripting mit SASS, SCSS und LESS .