Ein CSS-Framework ist eine Sammlung von Gestaltungselementen und Hilfsmitteln f√ľr einfaches und standardisiertes Webdesign mit CSS.
Die meisten CSS-Frameworks bieten als Basis ein Grid-Gestaltungsraster 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 (Unobtrusive JavaScript).

CSS-Frameworks können unterschiedliche Funktionen anbieten:


  • Die Hauptfunktion ist meist ein Grid-System, besonders auch f√ľr Responsive Webdesign. Diese unterscheiden sich in
    • den m√∂glichen Grundbreiten des Viewports und eventuelle Breakpoints,

    • der Verwendung von Pixel (px), der aktuellen Schriftgr√∂√üe (em) oder prozentualen Werten f√ľr Breitenangaben,

    • der Anzahl der Spalten und Reihen,

    • der relativen oder absoluten Verschachtelung von Elementen und

    • der Art und Weise der Media Queries.

  • Vor allem gr√∂√üere Frameworks bieten auch zahlreiche graphische Elemente wie
    • Webtypografie,

    • Icon-Sets in CSS-Sprites oder Icon-Fonts,

    • Styling f√ľr Dropout-Men√ľs, Tooltips, Schaltfl√§chen, Elemente von Webformularen und

    • Elemente f√ľr grafische Benutzeroberfl√§chen wie Akkordeon, Registerkarten, Galerien oder Modal-Fenster (Lightbox).

  • Zus√§tzlich bieten viele Frameworks CSS Anpassungen, beispielsweise
    • Reset-Stylesheets zur Vereinheitlichung der Formatierungen,

    • oft verwendete CSS-Hilfsklassen (left, hide) oder

    • Equalizer, um Inhalte auf gleiche H√∂he zu bringen.

Größere CSS-Frameworks verwenden CSS-Interpreter wie Sass, Less oder Stylus.

Einige weit verbreitete Beispiele sind Bootstrap, YAML, Foundation, UIkit, Skeleton oder Semantic UI.


Siehe auch


  • Webframework

  • Liste von Webframeworks

Einzelnachweise

Weblinks


  • CSS Front-end Frameworks with comparison (englisch) Vergleich zahlreicher Frameworks mit unterst√ľtzten Browsern und Nutzung von LESS/SASS

  • Awesome CSS Frameworks Aktuelle Liste von CSS Frameworks (sortiert nach Kategorie und Beliebtheit)

  • List of Best CSS Frameworks ‚Äď Die besten CSS-Frameworks helfen Ihnen, verantwortungsbewusstere Webseiten zu erstellen.
CSS-Framework













Metaprime Studio

Send a

message

Wir sind hier, um jede Ihrer Fragen zu beantworten.

Email : info@metaprime.at

Send a

message

Wir sind hier, um jede deiner Fragen zu beantworten.

Email : info@metaprime.at

Kostenloses Website Strategiegespr√§ch‚Äč

In einem kostenlosen Web Strategiegespräch, decken wir ungenutztes Potenziale Ihrer Webseite auf und erarbeiten eine Strategie, damit Du mit Deiner Webseite auf Google erfolgreicher wirst