Responsieve website bouwen met animaties | HTML5 & CSS3 Tutorial

In deze videotutorial bouwen we stap voor stap een responsieve website, van begin tot eind, met behulp van HTML5, CSS3 en een beetje Vanilla JavaScript. We leren hoe je keyframe-animaties en hover-effecten maakt, plus een handig tool genaamd *Scroll Reveal* om animaties af te spelen tijdens het scrollen. Tot slot maken we het webdesign responsief met *media queries*! Het premium WordPress-thema *Rosa* kun je hieronder kopen – de links staan hieronder.

Vergeet niet om op ‘liken’ te drukken als je het video nuttig vond! Klik ook op het belletje om meldingen in te schakelen, zodat je direct op de hoogte bent wanneer er nieuwe video’s online komen.

*Design en afbeeldingen zijn alleen voor educatieve doeleinden*

[ PROJECT-BESTANDEN ]

[ SOCIAL MEDIA ]

[ HOSTGATOR ]

[ Mijn UITRUSTING ]

Specificaties en extra’s van mijn programmeren/video-bearbeitingslaptop

Laptop: Dell XPS 15 7590
Processor: Intel Core i7-9750H (9e generatie)
RAM: 32GB (opgewaardeerd)
Grafische kaart: Nvidia GeForce GTX 1650 4GB GDDR5
Opslag: 500GB M.2 PCIe NVMe SSD (opgewaardeerd)
--- Extra’s ---
Scherm: Dell Ultrasharp 27"
Toetsenbord: Logitech MX Keys
Muis: Logitech MX Master 3
Microfoon: Blue Yeti

Om het ontwikkelproces te versnellen, zijn hier geen CSS-prefixes gebruikt. Voor cross-browser compatibiliteit raden we aan deze waar nodig toe te voegen.