Kurzbeschreibung

Flexible Websites und Responsive Design haben das Internet nachhaltig verändert und sind im Web längst zum Standard geworden. Das Prinzip dabei ist einfach: Mithilfe von Media Queries können Designer und Entwickler Websites in Abhängigkeit zur Viewport-Größe verändern. Somit lässt sich das Layout perfekt auf die unterschiedlich großen Displays von Smartphone, Tablet und Co. zuschneiden.

Doch je länger Responsive Design existiert und je komplexer und modularer die Websites werden, desto mehr hat sich herausgestellt, dass die Größe des Viewports meist nur dann wichtig ist, wenn man das globale Layout verändern möchte. Für einzelne Komponenten ist der Viewport irrelevant. Der verfügbare Platz für die einzelne Komponente ist entscheidend.

Hier kommen die sog. Element Queries (auch Container Queries) ins Spiel. Mit ihrer Hilfe ist es möglich, Breakpoints für einzelne Komponenten zu definieren. Es sind zahlreiche Einsatzfälle denkbar. Aktuell befindet sich die Technologie in einem frühen Stadium. Doch mithilfe von JavaScript können Element Queries bereits heute praxistauglich eingesetzt werden. In diesem Vortrag lernen Sie die konzeptionellen Hintergründe von Elemente Queries kennen und erfahren anhand zahlreicher Beispiele, wie die Technik praktisch eingesetzt werden kann.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.

Slides

Wir haben die Slides dieser Session online gestellt.

Slides anschauen

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: