Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

CSS: Responsive Flexbox-Layouts für Profis

Die fünf Navigationen im Überblick

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Bei der Gestaltung einer Navigation werden die Vorteile von Flexbox schnell deutlich. Dieser Film umreißt die fünf Navigationsvarianten, die Sie in diesem Training nacheinander bauen werden.

Transkript

Ein Bereich, bei dem die Vorteile von Flexbox schnell deutlich werden, ist die Gestaltung von Navigationen und Menüs, so wie hier im Bild zu sehen. Selbst bei einfachen Navigationsleisten, so wie hier in der obersten, ist es mit traditionellen Layoutmethoden manchmal ganz schön nervig, besonders wenn es andere Anforderungen gibt, wie zum Beispiel, dass sie nicht linksbündig sein soll, sondern dass die Navigation zentriert sein soll oder rechtsbündig; oder dass die Elemente gleichmäßig verteilt sein sollen, so wie hier im Bild. Sie sehen mit Flexbox geht das alles relativ einfach durch die Änderung von wenigen Werten. Aber mit traditionellen Methoden ist das manchmal ganz schön aufwendig. Ich möchte Ihnen in diesem Training fünf verschiedene Navigationen zeigen. Hier eine einfache Navigationsleiste, dann eine etwas erweiterte mit Icons und einer Beschreibung, dann mehrere Ebenen, eine Dropdown-Navigation, die etwas anders ist als normalerweise. Sie sehen hier beim "Hovern" passiert gar nichts. Eine Social-Media-Leiste, bei der anstelle von Text hier nur Symbole erscheinen, und zum Abschluss eine gemischte Navigation mit Dropdown- und Social-Media-Leiste in einem direkt nebeneinander. Diese Menüs werden nach und nach erstellt; diese Navigationen. Wenn Sie damit durch sind, zögern Sie nicht, experimentieren Sie mit den hier gezeigten Beispielen und erstellen Sie eigene Lösungen, die für ihre Websites am besten passen.

CSS: Responsive Flexbox-Layouts für Profis

Sehen Sie, wie sich mit Flexbox die Art und Weise der Webseitengestaltung grundlegend verändern wird und wie Sie die TEchnologie schon heute einsetzen können.

2 Std. 25 min (34 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!