Ein CSS-Framework ist eine Softwarebibliothek, die mithilfe von Cascading Style Sheets (CSS) ein einfacheres und standardkonformeres Webdesign ermöglicht . Die meisten dieser Frameworks enthalten mindestens ein Grid . Funktionalere Frameworks bieten darüber hinaus weitere Funktionen und zusätzliche JavaScript- basierte Features, sind aber primär designorientiert und auf interaktive UI-Muster fokussiert. Dieses Detail unterscheidet CSS-Frameworks von anderen JavaScript-Frameworks .
Zwei bekannte und weit verbreitete Beispiele sind Bootstrap und Foundation .
Zu den von CSS-Frameworks angebotenen Modulen und Werkzeugen gehören:
- Stylesheet zurücksetzen
- Raster , insbesondere für responsives Webdesign
- Webtypografie
- Satz von Symbolen in Form von Sprites oder Symbolschriftarten
- Formatierung für Tooltips , Schaltflächen und Formularelemente
- Teile von grafischen Benutzeroberflächen wie Akkordeons , Registerkarten , Diashows oder modale Fenster ( Lightbox )
- Equalizer zum Erstellen von Inhalten mit gleicher Höhe
- häufig verwendete CSS-Hilfsklassen ( left , hide )
Größere Frameworks verwenden einen CSS-Interpreter wie Less oder Sass .
Liste bemerkenswerter CSS-Frameworks
| Name | Neueste Version | Lizenz | Netz | Einheiten | Merkmale | Anzahl der Spalten | |
|---|---|---|---|---|---|---|---|
| Version | Datum | ||||||
| Entwurf | 1.0.1 | 14. Mai 2011 [ 1 ] | MIT-Lizenz | Typografie, Formulare, Druck, Plugins für Schaltflächen, Tabs und Sprites. | |||
| Bootstrap | 5.3.8 | 26. August 2025 [ 2 ] [ 3 ] [ 4 ] | MIT-Lizenz ( vor Version 3.1.0: Apache-Lizenz ) | fest, flüssig, reaktionsfähig | px, % | Layout, Typografie, Formulare, Schaltflächen, Navigation, Media Queries, .sass-Dateien, JavaScript-Bibliotheken, RTL-Layout. | Beliebig, Standardwert 12 [ 5 ] |
| Stiftung | 6.9.0 | 28. September 2024 [ 6 ] | MIT-Lizenz | Flüssigkeit | px, % | Responsives Layout, Quellcode-Reihenfolge, Typografie, Formulare, Schaltflächen, Navigation, Media Queries und JavaScript-Bibliotheken. | Beliebig, Standardwert 12 [ 7 ] |
| YAML | 4.1.2 | 28. Juli 2013 [ 8 ] | CC-BY 2.0 | fest, elastisch, flüssig | px, em, % | Layout, Raster, Spalten, Formulare, Schaltflächen, progressive Linearisierung für responsive Layouts, Float-Handling, Navigation, Typografie, Barrierefreiheit und Add-ons (barrierefreie Tabs, RTL-Unterstützung und Mikroformate). | Beliebig |
| YUI CSS-Grids | 3.18.1 | 22. Oktober 2014 [ 9 ] | BSD -3 | fest und flüssig | |||
| Rückenwind | 4.3.0 | 9. Mai 2026 [ 10 ] [ 11 ] | MIT-Lizenz | fest, flüssig, reaktionsfähig | Beliebig | ||
Referenzen
- ^ „Releases · joshuaclayton/blueprint-css · GitHub“ . GitHub . Abgerufen am 23. April 2020.
Dieses Repository wurde vom Inhaber archiviert und ist nun schreibgeschützt.
- ^ „Releases · twbs/bootstrap · GitHub“ . GitHub . Archiviert vom Original am 1. Juni 2014. Abgerufen am 15. November 2021 .
- ^ Déramond, Julien (2024-02-20). „Bootstrap 5.3.3“ . blog.getbootstrap.com . Abgerufen am 11.04.2024 .
- ^ "bootstrap" . npm . 2024-02-20 . Abgerufen am 11.04.2024 .
- ^ Bootstrap-Dokumentation – Anpassen des Rasters
- ^ „Releases · foundation/foundation-sites · GitHub“ . GitHub . Abgerufen am 24. April 2020 .
- ^ Foundation-Dokumentation – Das Grid
- ^ „Releases · yamlcss/yaml · GitHub“ . GitHub . Abgerufen am 24. April 2020 .
- ^ „Releases · yui/yui3 · GitHub“ . GitHub . Abgerufen am 24. April 2020 .
- ^ „Releases · tailwindlabs/tailwindcss“ . GitHub . Abgerufen am 11.04.2024 .
- ^ "tailwindcss" . npm . 2024-03-27 . Abgerufen am 11.04.2024 .