Die Zurb's Foundation ist eines der am häufigsten verwendeten Responsive-Frameworks, die zur Zeit zur Verfügung stehen - und das aus gutem Grund. Mit einem flexiblen Grid-System, einer scheinbar endlosen Featureliste und einer Community, die daran arbeitet, neue und verbesserte Funktionen so oft wie möglich zu veröffentlichen, können Sie sehen, warum.

Nicht nur das, aber es ist voller Gerüst-CSS, um ein Drahtmodell in kürzester Zeit zu erstellen - oder sogar als Teil Ihrer vollständigen Designs zu verwenden.

Die neueste Version der Stiftung - Stiftung 5 - war letzte Woche veröffentlicht, Dies ist der perfekte Zeitpunkt, um seine Möglichkeiten zu erkunden.

Heute werden wir die Website eines Fahrrad-Enthusiasten erstellen. Wir werden lernen wie:

  • Herunterladen und Installieren des Foundation-Frameworks;
  • fügen Sie Inhalte mit dem flexiblen, reaktionsfähigen Grid-System direkt aus der Box ein;
  • Erstellen Sie ein "Helden" -Panel, um hervorgehobene Texte oder Bilder prominent anzuzeigen;
  • Wir werden sogar einige Buttons, ein Blockraster und eine Navigationsleiste hinzufügen, um unser Design zu vervollständigen.

Also, wenn Sie von Anfang bis Ende folgen, haben Sie eine reaktionsschnelle Website in weniger als 20 Minuten. Ziemlich beeindruckend, wenn Sie mich fragen!

Verwenden Sie Foundation? Welche Teile davon genießen Sie am meisten? Lassen Sie es uns in den Kommentaren wissen.