Frontend-Frameworks

Ein CSS-Framework ist eine Sammlung von Gestalltungselementen und Hilfsmitteln für einafches und standardisiertes Webdesign mit CSS. Die meisten CSS-Framworks bieten als Basis ein Grid-Gestalltungsraster sowie einige grundlegende Gestaltungselemente wie Schaltflächen, Menüs und Eingabefelder. Größere Frameworks bieten zudem noch JavaScript-basierte Funktionen, welche die Gestaltungselemente um zusätzliche, aber in der Regel optionale Funktionalitäten erweitern. Ein CSS-Framework kann unterschiedliche Funtionen anbieten. Die Hauptfunktion ist ein Grid-System, boseonders auch für Responsives Webdesign.

Diese unterscheiden sich in:

  • den möglichen Grundbreiten des Viewports und eventuelle Breakpoints
  • der Verwendung von Pixeln, der aktuellen Schriftgröße oder prozentualen Werten für Breitenangaben
  • Anzahl der Spalten und Reihen
  • der Art und Weise der Media Queries

Zusätzlich bietetn viele Frameworks CSS Anpassungen:

  • Reset-Stylesheets zur Vereinheitlichung der Formatierung
  • oft verwendete CSS-Hilfsklassen, wie z.B. „left“ oder „hide“
  • Equalizer, um Inhalte auf gleiche Höhe zu bringen