Awesome Scrolling SVG Line Drawing - How they did it!

-- Today, we're going to take a look at an example of a modern layout that integrates a very interesting SVG animation that's controlled by the scroll. We'll design our own from scratch, and then code it up with HTML, CSS and JavaScript! The source of inspiration for this effect: Tutorials...

Intermediate - 22 min - Software & IT - DesignCourse

The full course: Learn HTML & CSS free

What you'll need

Laptop stand: Screen at eye level for long study sessions.
Noise-cancelling headphones: Focus through long video lessons.
Second monitor: Video on one screen, practice on the other.
Wireless keyboard and mouse: Comfortable for hours of typing.

Books

HTML and CSS by Jon Duckett - View on Amazon
CSS: The Definitive Guide by Eric A. Meyer - View on Amazon
Head First HTML and CSS by Elisabeth Robson - View on Amazon
Don't Make Me Think by Steve Krug - View on Amazon
Learning PHP, MySQL & JavaScript by Robin Nixon - View on Amazon

Next lessons

HTML Crash Course For Absolute Beginners (61 min, Traversy Media, Beginner)
HTML & CSS Full Course for free 🌎 (243 min, Bro Code, Intermediate)
HTML Tutorial for Beginners: HTML Crash Course (70 min, Programming with Mosh, Beginner)
Learn CSS in 1 hour 🎨 (60 min, Bro Code, Intermediate)
Learn HTML in 1 hour 🌎 (60 min, Bro Code, Intermediate)
CSS Crash Course For Absolute Beginners (85 min, Traversy Media, Beginner)
HTML and CSS Tutorial for 2021 - COMPLETE Crash Course! (138 min, DesignCourse, Beginner)
Learn CSS Grid the easy way (37 min, Kevin Powell, Beginner)