Video2Brain One Page Webseiten mit Bootstrap LESS und Sass GERMAN - PANTHEON
In diesem Video-Training mit der erfahrenen Web-Workerin Lydia Schimpf entsteht mit Hilfe von Bootstrap eine One-Page-Webseite. Da Bootstrap im Quelltext selbst mit LESS arbeitet, erarbeiten Sie auch die Grundeinstellungen mit LESS und Sie sehen, wie man letztendlich wieder zu einer HTTP-Request-freundlichen Ausgabe mit wenigen Dateien zurückkommt.
Für diejenigen, die lieber mit Sass arbeiten, hat Bootstrap ebenfalls die passenden Grunddateien im Angebot. Auch die Vorgehensweise dafür wird ausfürhlich vorgestellt. Zu guter Letzt kommen kleine JavaScript-Effekte ins Spiel, die dem Erscheinungsbild einen Hauch mehr Leben einhauchen können: Parallax Scrolling ist sehr beliebt und es gibt unterschiedliche Bibliotheken, die sich – dank JQuery - gut in Bootstrap integrieren lassen.
Aus dem Inhalt
LESS und/oder Sass -– ein Überblick
Egal ob Sie LESS oder Sass verwenden – für beide gibt es Bootstrap auch in nicht-kompilierter Form. Sehen Sie, worin die Unterschiede liegen.
Mit den Quelldateien in Bootstrap richtig umgehen
Wenn Sie mit den Quelldateien arbeiten, arbeiten Sie mit den ursprünglichen Dateien und gestalten mit den LESS-Dateien, anstatt bestehende Einstellungen mit eigenem CSS zu überschreiben.
Grundlagen: Der HTML-Code einer One-Page-Seite
Der HTML-Code einer One-Page-Seite besteht aus einer einzigen Datei, die in mehrere Abschnitte strukturiert werden muss.
Navigation und Scrolling-Effekte mit JavaScript einbinden
Mit einem Hauch JavaScript funktioniert auch bei einer One-Page-Seite die Navigation. Ansprechend wirkt dabei ebenfalls ein Scrolling-Effekt.
Bootstrap und Sass
Sass funktioniert ähnlich wie LESS, doch der Aufbau des Projekts unterscheidet sich stark. Sass baut auf Ruby auf und kann nur entwicklerseitig verwendet werden.
Mirrors untereinander kompatibel!
Kein Passwort
Format: ISO
Sprache: Deutsch
Größe: 390 MB
Ihr(e) Trainer: Lydia Schimpf
Erscheinungsdatum:17.03.2015
Laufzeit:2 Std. 1 min (28 Videos)
Hoster: Uploaded.net / Share-Online
Download Uploaded
Download Share-Online