Les 6: Responsive & templates

Websites moeten op allerlei apparaten netjes worden weergegeven. Of het scherm nu zo groot is als een muur, of zo klein dat het in je binnenzak past. Responsive design zorgt dat er maar 1 code is om alle klanten te serveren. Maar hoe je je website responsive krijgt, daar zijn wel verschillende oplossingen voor. In deze les gaan we dieper in op hoe met CSS en Javascript responsive designs kunnen worden gemaakt.

Ons advies: gebruik een kant-en-klaar template als basis voor je web-pagina’s.

Je vindt templates op de volgende plekken:

• CSS Grid
• CSS Flexbox – voor portfolio’s, blogs en galerijen
• CSS @Media Queries – andere css regels per schermgrootte
• W3schools Responsive sectie (RWD)
• Bootstrap

Bekijk vervolgens ook nog in de W3schools Responsive sectie (RWD) hoe je afbeeldingen, video’s en andere elementen responsive maakt met CSS.