Foundation 4 heißt das neue Responsive Frontend-Framework von Zurb. Foundation 3 war bereits ein sehr stabiles Framework und eignete sich ausgezeichnet um Responsive Websites zu erstellen. Um den Ansatz „Mobile-First“ noch stärker bei der Umsetzung verfolgen zu können, wurde Foundation 4 einem kompletten Rework unterzogen. Die Semantik wurde verstärkt und der Code kann somit cleaner gestaltet werden.

Das Framework enthält ein interessantes und einfaches 12-spaltiges Grid-System mit ausgefeilten Stylesheets für Typographie, Buttons, Tabellen und JavaScript-Effekte (z. B. Slider, Tabs, Overlays, Dropdowns usw.).

Foundation 4 ist vergleichbar mit dem bekannten Front-End Framework Bootstrap. Sowohl das Framework Foundation 4 als auch Bootsstrap eignen sich ideal um schneller Wireframes, Prototypen und Websites zu entwickeln.

Foundation 4 ist zudem mit dem mächtigen CSS-Präprozessor SASS erstellt. Diese Stylesheet-Extension ermöglicht es Foundation sehr schnell und individuell per Kommandozeilen anzupassen.

Bootstrap hingegen arbeitet hierzu mit der dynamischen Stylesheetsprache LESS, welche ebenfalls den Einsatz von Variablen, Mixins, CSS-Vererbungen und Selektoren erlaubt.

Eine Übersicht mit dem Vergleich der Framework-Funktionen und den CSS-Eigenschaften der bekanntesten Frontend-Frameworks finden Sie hier.

Bisher haben wir gerne mit dem CSS Framework 960.gs gearbeitet, welches auch auch für Responsive Websites eingesetzt werden kann. Zum Beispiel wird das Drupal Omega Theme auf der Basis von 960gs verwendet.

Foundation bietet jedoch mit der Integration von Patterns und der JavaScript-Integration eigentlich noch ein mehr an Funktionen.

Grundsätzlich bieten sich Frontend-Frameworks wie Foundation folgende Vorteile:

- Schnellere Mock-Up Prozesse
- Umsetzung von Best-Practices
- Zusammenarbeit bei mehreren Entwicklern
- Erfahrungsaustausch
- Flache Lernkurve

Einige OpenSource CMS bieten für Foundation bereits Templates bzw. Themes an:

Drupal:
ZURB Foundation Theme

Wordpress:
Reverie
Basestation
Required+
Drewsymo

MODX:
Foundation 4