Aus dem Kurs: Responsive Webdesign – Grundlagen
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Von flüssig zu responsiv
Aus dem Kurs: Responsive Webdesign – Grundlagen
Von flüssig zu responsiv
Wie macht man aus einem flüssigen Layout ein responsives? Im ersten Schritt geht es darum festzustellen, wo wir eine Layout-Anpassung brauchen. Das Layout ist flüssig. Das heißt, wenn ich den Viewport verkleinere, verkleinerte sich entsprechend auch, aber wenn ich noch schmaler werde, gibt es einen Punkt, wo ich sage, das sieht nicht mehr gut aus, dass das zweispaltig ist. Das könnte man gar nicht gut lesen, wenn das ein echter Text wäre. Das heißt, ich muss mir überlegen, an dieser Stelle möchte ich gerne was anders haben und was soll dort anders sein. Ja, im ersten Schritt möchte ich, dass diese beiden Elemente dann nicht mehr nebeneinander dargestellt werden, sondern untereinander. Dann muss ich überlegen, wann soll das ganze stattfinden. Sagen wir vielleicht an dieser Stelle. Irgendwas 518 Pixel ungerade oder vielleicht nehmen wir da einen schöneren Wert und sagen 500 Pixel oder 520. Also das müssen Sie sich überlegen, an welcher Stelle soll diese Änderung stattfinden und diesen…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
(Gesperrt)
Mit Prozentangaben arbeiten2 Min. 58 Sek.
-
(Gesperrt)
Flüssige Layouts definieren5 Min. 17 Sek.
-
(Gesperrt)
Erleichterte Berechnung mit box-sizing5 Min. 4 Sek.
-
(Gesperrt)
Von flüssig zu responsiv5 Min. 55 Sek.
-
(Gesperrt)
Flüssige Bilder2 Min. 34 Sek.
-
(Gesperrt)
Mobile First aufbauen1 Min. 48 Sek.
-
(Gesperrt)
-