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