Wenn ich den Terminus „Media Queries“ in den Raum werfe, wissen wohl zunächst nur routinierte Webentwickler, was gemeint ist. Der mit diesem Konzept verbundene Überbegriff ist allerdings derzeit in aller Munde: Responsive Webdesign. Hier geht es (grob gesagt) darum, eine Website so zu bauen, dass sie auf das Gerät reagiert, mit dem sie betrachtet wird, also eine „Response“ liefert. Diese Reaktion zeigt sich vor allem daran, dass Navigationsleisten, Spalten und Textfelder immer genau die richtige Größe haben. Vorbei die Zeit, als z.B. Seiten von Nachrichtenportalen auch auf dem Mobiltelefon sture 1000 Pixel breit waren und nur per Horizontal-Scroll- und Zoomorgien gelesen werden konnten. Grundlage für das Responsive Webdesign sind die neuen Webstandards HTML5 und CSS3 (vor allem letzteres). Grundlage für den Umgang damit ist u.a. unser neuer Head-First-Titel „Mobiles Web von Kopf bis Fuß“. Das Probekapitel zu Media Queries & Co. haben wir frisch ausgekoppelt: Mobiles Web von Kopf bis Fuß from O’Reilly Verlag