Auf einer modernen Homepage wird der Inhalt je nach benutztem Anzeigegerät (Smartphone, Tablet, Desktop-Computer) und Auflösung anders dargestellt  –  dies bezeichnet man als "responsive Design".

In den oben abgebildeten Beispielen sehen Sie, wie einige Seiten von www.dorisart.ch mit verschiedenen Geräten dargestellt werden. Indem Sie die Grösse des Browserfensters verändern, können Sie auch direkt auf meiner Homepage dieses Prinzip testen.

• Dabei berücksichtige ich die Anordnung und Darstellung diverser Elemente (z.B. Navigationsleisten, Anzahl der Seitenspalten für die Inhalte, Schriftgrössen).

• Unterschiedliche Eingabemethoden mit einer Maus (klicken, überfahren) oder eines Touchscreens (tippen, wischen) fliessen ebenfalls in die Planung und Umsetzung einer Homepage mit "responsive Design".

• Als Grundlage für solche Webseiten verwende ich die neueren Webstandards HTML5, CSS3, PHP und JavaScript.