In diesem Training lernen Sie es, in flexiblen Strukturen zu denken, Media Queries professionell einzusetzen und Usability-Anforderungen umzusetzen. Lernen Sie alles über den Umgang mit verschiedenen Layouttypen, den Einsatz von Media Queries sowie die Entwicklung eines modernen Webdesigns. Erfahren Sie, wie ein Web-Layout für alle Geräte und Medien funktioniert sowie Navigations- und Content-Strukturen benutzerfreundlich gestaltet werden. Lernen Sie, wie Sie Formulare, Tabellen oder Slideshows responsiv einsetzen und externe Videoplayer, Maps oder Werbeformate im responsiven Design verwenden.
- Responsive Design-Prinzipien
- HTML Syntax
- CSS Stilregeln
- UI-Guidelines
- Breakpoints
- Design Tokens
- Strukturierung von Inhalten
- Viewport Meta Tag
- Umgang mit Multimedia-Inhalten
- Flexbox und Grid Layout
- Responsive Einheiten (%, em etc.)
- Mobile-First Ansatz
- Media Queries (Medienabfragen)
- Barrierefreiheit (Accessibility)
- Testen auf verschiedenen Geräten
- Optimierung der Ladezeiten
- Übungen und Anwendungsbeispiele