CSS ramverk
Ett CSS-ramverk är ett bibliotek som möjliggör enklare, mer standardkompatibel webbdesign med hjälp av språket Cascading Style Sheets . De flesta av dessa ramverk innehåller åtminstone ett rutnät . Mer funktionella ramverk kommer också med fler funktioner och ytterligare JavaScript- baserade funktioner, men är mestadels designorienterade och fokuserade kring interaktiva UI-mönster. Denna detalj skiljer CSS-ramverk från andra JavaScript-ramverk .
Två anmärkningsvärda och ofta använda exempel är Bootstrap och Foundation .
CSS-ramverk erbjuder olika moduler och verktyg:
- återställ stilmall
- rutnät speciellt för responsiv webbdesign
- webbtypografi
- uppsättning ikoner i sprites eller ikonteckensnitt
- styling för verktygstips , knappar , formulärelement
- delar av grafiska användargränssnitt som dragspel , flikar , bildspel eller modala fönster ( Lightbox )
- equalizer för att skapa lika högt innehåll
- ofta använda CSS-hjälparklasser ( vänster , dölj )
Större ramverk använder en CSS-tolk som Less eller Sass .
Lista över anmärkningsvärda CSS-ramverk
| namn | Senaste release (datum) | Licens | Rutnät | Enheter | Funktioner | Antal kolumner |
|---|---|---|---|---|---|---|
| Plan | 1.0.1 (14 maj 2011) | MIT-licens | Typografi, formulär, tryck, plugins för knappar, flikar och sprites. | |||
| Bootstrap | 5.2.3 (21 november 2022) |
MIT-licens ( Apache-licens före 3.1.0) |
fixerad, flytande, lyhörd | px, % | Layout, typografi, formulär, knappar, navigering, mediafrågor, .sass-filer, JavaScript-bibliotek, RTL-layout. | Alla, standard 12 |
| fundament | 6.7.5 (13 juli 2022) | MIT-licens | vätska | px, % | Responsiv layout, källordning, typografi, formulär, knappar, navigering, mediefrågor och JavaScript-bibliotek. | Alla, standard 12 |
| YAML | 4.1.2 (28 juli 2013) | CC-BY 2.0 | fixerad, elastisk, flytande | px, em, % | Layout, rutnät, kolumner, formulär, knappar, progressiv linjärisering för responsiva layouter, flythantering, navigering, typografi, tillgänglighet och tillägg. (tillgängliga flikar, RTL-stöd och mikroformat) | Några |
| YUI CSS-rutnät | 3.18.1 (22 oktober 2014) | BSD-3 | fast och flytande | |||
| Medvind | 3.0 (5 november 2021) | MIT-licens | fixerad, flytande, lyhörd | Några |
Se även
- Jämförelse av layoutmotorer (Cascading Style Sheets)