Responsive Website mit Animationen bauen | HTML5 & CSS3-Anleitung

In diesem Videotutorial bauen wir von Grund auf eine responsive Website – mit HTML5, CSS3 und etwas Vanilla JavaScript. Wir lernen, wie man Keyframe-Animationen und Hover-Effekte umsetzt sowie ein neues Tool namens *Scroll Reveal* nutzt, um beim Scrollen Animationen auszulösen. Zum Schluss machen wir das Design mit *Media Queries* responsiv! Das Premium-WordPress-Theme *Rosa* kannst du unten kaufen – die Links findest du hier.

Vergiss nicht, ein Daumen hoch zu geben, wenn dir das Video geholfen hat! Und klick auf die Glocke, um Benachrichtigungen einzuschalten. So wirst du sofort informiert, sobald neue Videos hochgeladen werden.

*Design und Bilder dienen nur der Veranschaulichung*

[ PROJEKT-Dateien ]

[ SOCIAL MEDIA ]

[ HOSTGATOR ]

[ MEINE AUSRÜSTUNG ]

Laptop-Spezifikationen für Programmieren/Video-Bearbeitung

Laptop: Dell XPS 15 7590
Prozessor: Intel Core i7-9750H (9. Generation)
RAM: 32 GB (aufgerüstet)
Grafikkarte: Nvidia GeForce GTX 1650 (4 GB GDDR5)
Speicher: 500 GB M.2 PCIe NVMe SSD (aufgerüstet)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Tastatur: Logitech MX Keys
Maus: Logitech MX Master 3
Mikrofon: Blue Yeti

Um den Entwicklungsprozess zu beschleunigen, wurden hier keine CSS-Präfixe verwendet. Für die Cross-Browser-Kompatibilität solltest du sie jedoch nach Bedarf ergänzen.