Was ist Responsive Design?
Wozu dient Responsive Design?
Bevor ein Responsive Design für eine Website umgesetzt werden kann, muss der passende Viewport gesetzt werden. Beim Viewport handelt es sich um den für den User sichtbaren Bereich, welcher im HTML Code angegeben muss. Dadurch wird verhindert, dass der User beim Navigieren innerhalb der Website auf seinem Smartphone oder Tablet zoomen muss, wie man es von Websites ohne Responsive Design kennt. Bei der Umsetzung des Designs einer Website kann grundsätzlich zwischen zwei Vorgehensweise gewählt werden: Desktop-First und Mobile-First. Beim Desktop-First-Prinzip wird das Design der Website so gestaltet, dass diese passend für standardmäßige Bildschirmauflösungen von Desktop-PCs ist. Anschließend wird dieses so erweitert, dass die Gestaltung Website auch für Geräte mit kleineren Bildschirmen passend und die Benutzerfreundlichkeit gegeben ist. Beim Mobile-First-Aufbau ist dies genau umgekehrt – zunächst wird eine Version erstellt, welche passend für Smartphones und Tablets ist, anschließend wird das Design für Desktop-PCs hinzugefügt.