SASS

Bootstrap CSS Framework

Bootstrap is een populair CSS-framework met een responsive grid, kant-en-klare componenten (buttons, cards, modals, navbars) en JavaScript-plugins. Het is mobile-first en aanpasbaar via Sass-variabelen. Ideaal voor snelle prototypes en consistente designs zonder diepe CSS-kennis.

A

Frontend

LESS

LESS is een CSS-preprocessor vergelijkbaar met Sass. Het biedt variabelen (@), nesting, mixins en functies. Minder populair dan Sass. De compiler is JavaScript-gebaseerd en compileert naar .css.

AA

Talen & Formaten

CSS-preprocessor / code-preprocessor

Een preprocessor is een tool die een uitgebreide syntax omzet naar standaard CSS of JavaScript. CSS-preprocessors zoals SASS en SCSS voegen variabelen, nesting, mixins, functies en imports toe aan CSS. JavaScript-preprocessors zoals TypeScript en Babel voegen typing of moderne syntaxis toe die worden gecompileerd naar browser-compatibele code.

AA

Frontend

Compileren

Compileren is het omzetten van broncode naar een andere taal of representatie die door een machine of browser kan worden uitgevoerd. In webdev compileert TypeScript naar JavaScript, SASS/SCSS naar CSS en Blade-templates naar PHP. Een compiler voert syntax- en typecontroles uit vóór uitvoering. Transpileren is een specifieke vorm waarbij van de ene high-level taal naar de andere wordt omgezet.

AA

Talen & Formaten

Block Element Modifier

BEM is een manier om CSS-namen te geven zodat je overzicht houdt en code makkelijk opnieuw kunt gebruiken.: block__element--modifier. Je hoeft minder precies te zijn met CSS en maakt styles voorspelbaar en onderhoudbaar omdat de structuur in de naamgeving verwerkt is. Werkt met vanilla CSS, preprocessors zoals SASS en SCSS en CSS Modules.

AA

Frontend