Im Teil eins, Wir haben die Möglichkeiten der Display-Technologie aufgegriffen: Flex in Ihren Website-Layouts und wie vielseitig dieses neue Layout-Konzept ist. Mit diesen Gedanken aus dem vorherigen Video können wir den Prozess nun anpassen und als Teil eines responsiven Designs verwenden.
Mit Responsive Design kann der Benutzer ein Layout betrachten, das speziell für die Plattform, auf der die Seite angezeigt wird, ausgerichtet ist. Im heutigen Tutorial zeige ich Ihnen anhand des flexbox-Markups, wie Sie dynamische, formbare Layouts für alle Geräte erstellen können unter Verwendung traditioneller Medienabfragen, die häufig in Responsive Design Markup verwendet werden.
Wir werden auch die Vorteile der Neuanordnung und Größenanpassung responsiver Elemente im Handumdrehen diskutieren und was dies für den Workflow Ihres nächsten Projekts bedeutet. Bei dieser Geschwindigkeit werden wir in naher Zukunft hoffentlich die Rückseite dieser lästigen Clearfixes sehen!
Haben Sie den Flexbox-Ansatz für das Layout verwendet? Bevorzugen Sie eine andere Methode? Lassen Sie es uns in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, flexibles Bild über Shutterstock.