Layout components typography

CSS Frameworks worden meestal gemaakt vanuit een achterliggende ideologie / een idee, bijvoorbeeld "mobile first" of "a minimalist CSS framework designed for better performance" et cetera. De makers van het framework doen vervolgens hun best om uit te blinken in in wat hun idee is. Wat een CSS framework te bieden heeft is daarom heel verschillend maar er zijn ook veel overeenkomsten. In de documentatie is meestal een opsplitsing in de volgende hoofdstukken gemaakt:

Layout

Hier staat uitgelegd hoe je pagina's in kunt delen door gebruik te maken van het framework. Opties die vaak voorkomen zijn bijvoorbeeld een grid system of flexbox. Meestal kun je door klassen toe te voegen aan je html aangeven wat er moet gebeuren als de gebruiker bijvoorbeeld een lage schermresolutie heeft.

Components

De meeste frameworks hebben allerlei componenten. Dit zijn bijvoorbeeld navigatie, breadcrums, callouts, een dialog, een accordion menu. Vaak gebruik je dit soort onderdelen om de werking van een systeem duidelijker te maken door informatie te verbergen of juist toe te voegen wanneer dit voor de bezoeker nuttig is.

Forms

Vaak hebben forms een eigen hoofdstuk, hierin staat dan omschreven op wat voor manier je de verschillende formulier typen mooi weer kunt geven via het framework.

Typography

In dit hoofdstuk staat uitgelegd hoe je de manier waarop tekst wordt weergegeven kunt veranderen. Bijvoorbeeld lettertypen, standaard kleuren voor bijvoorbeeld waarschuwingen of info berichten, hoe je lijstjes kunt maken, hoe je tekst om een afbeelding laat lopen, regelhoogtes, marges tussen alinea's etc.