Een CSS framework kiezen

Het juiste CSS framework kiezen

Er zijn dus heel veel verschillende CSS-frameworks waar je uit kan kiezen, hoe weet je nou of je de juiste keuze hebt gemaakt? Dat is simpel, dat weet je niet. Er zijn er zoveel dat het een dagtaak zou worden om ze allemaal te leren en te vergelijken.

Een aantal belangrijke criteria die je kunt gebruiken bij het maken van je keuze zijn: leercurve, documentatie, marktaandeel, userbase, prijs, prestaties, laadtijd en compatibiliteit. Deze criteria gelden uiteraard ook voor veel andere keuzes in je vakgebied.

Eigenschap	Omschrijving
Leercurve	Hoeveel tijd kost het jou en je collega's om te leren hoe je met het framework moet werken?
Documentatie	Zijn de modules en onderdelen allemaal goed gedocumenteerd, als dat zo is dan hoef je wellicht niet alles te leren.
Marktaandeel	Wanneer je kiest voor een framework met veel marktaandeel dan is de kans groot meer hebt aan het leren van dat framework omdat veel bedrijven en opdrachtgevers het ook zullen gebruiken.
Userbase	Een actieve userbase / community betekend vaak dat mensen met plezier met dit framework werken en zorgt er ook voor dat problemen makkelijker verholpen kunenn worden doordat je online meestal meer informatie kunt vinden.
Prijs	Bijna al dit soort frameworks zijn gratis maar plugins en templates zijn dat vaak niet. Voor jouw klant of opdrachtgever kost jij ook geld, hou hier rekening mee bij het maken van een keuze.
Laadtijd	Sommige frameworks zijn vele megabytes groot, als maar 10% gebruikt van al deze code dan kun je misschien beter een ander framework gebruiken.
Compatibiliteit	Sommige frameworks werken bijvoorbeeld niet meer oude browsers of een bepaald type browser.

Jij bent aan zet

Op de pagina's hierna ga je zelf aan de slag met een frontend framework naar keuze. Om het jou niet al te ingewikkeld te maken hebben we je keuze beperkt tot deze 4 frameworks. Bekijk de webpagina's van de onderstaande frameworks en probeer voor jezelf te achterhalen welke framework of welke frameworks voor jou de beste keuze zijn. Je kunt hierbij gebruik maken van de criteria die hierboven staan beschreven. Door hier wat moeite in te steken bespaar je jezelf verderop veel moeite.

Framework	Info
Bootstrap	Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.
Foundation	We made Foundation easy to get started making amazing Sites and Apps.
Bulma	Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
Skeleton	A dead simple, responsive boilerplate.

Vragen

Beantwoord nu de onderstaande vragen.