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
- Cursus informatie
- Wat gaan we doen
- Wat is een CSS framework
- Frameworks in deze cursus
- CSS framework installeren
- Doelbewust ontwerpen
- Maak kennis met de editor
- Het grid layout systeem
- Layout namaken
- Components
- Typography
- Een CSS framework kiezen
- De baklava koning van Amsterdam
- Vooronderzoek en voorstel
- Layout components typography
- Content delivery networks
- Css compilers less sass