Content delivery networks

Op de downloads pagina van een frontend framework kun je meestal het framework zelf als kant en klaar pakket downloaden of je kan de broncode van het framework downloaden, handig als je bijvoorbeeld alleen maar een klein deel wilt gaan gebruiken. Vrijwel altijd is er nog een derde optie en dat is dat je gebruik maakt van een zogenaamd content delivery network, ook wel CDN. 

Een CDN is een website die vaak op meerdere supersnelle servers over de hele wereld wordt gehost. Doordat CDN's op heel veel servers worden gehost, is de kans groot dat er een server is die veel dichter bij jou staat. Veel internet providers hebben bovendien proxy servers wat betekend dat de stylesheet al op de server van jouw provider staat en dus niet over het internet heen hoeft.  

Er is echter nog een voordeel. Zoals je vast al eens hebt gemerkt worden stylesheets in browsers gecached. Wanneer je in korte tijd meerdere keren dezelfde site bezoekt dan haalt je browser meestal niet de stijlesheet opnieuw op. Er is een mechanisme wat ervoor zorgt dat de stijlesheet alleen wordt opgehaald als deze is veranderd. Is de stijlesheet niet veranderd dan gebruikt de browser gewoon wat het al had van de vorige keer dat je op een pagina kwam.

Ook frontend developers maken gebruik van frameworks. Er zijn verschillende soorten frameworks voor frontend development, in deze module gaan we kijken naar CSS-frameworks. Dit type framework richt zich op het ontwerp van pagina's en minder op de manier waarop een pagina of een systeem zou moeten werken.

Hoe werkt dat?

Een CSS framework is meestal gewoon een kant en klaar CSS bestand waarin heel veel opmaak regels voor je zijn klaargezet. Je hoeft dan zelf bijna geen CSS meer te schrijven, door de structuur van je html tags en de juiste klassen namen te gebruiken krijg je "automagisch" de juiste opmaak die dan meestal ook nog eens responsive is. geregeld.

Frameworks in deze cursus

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.

Navigatie

« Layout components typography Css compilers less sass »