Interactive Animations with CSS and JavaScript

In a world without Flash, mixed-mode animation is a powerful tool for web designers. This course shows how to choose the correct mix of HTML, JavaScript, CSS, and other assets to deliver polished web-based animations that look great on everything from flat-screen televisions to smartphones. Instructor W. Scott Means focuses on how CSS animations, JavaScript, and SVG can be used to produce sophisticated effects while keeping code complexity to a minimum. As he steps through how to build a dynamic presentation, he covers storyboarding, HTML5 custom elements, working with SVG, DOM manipulation, and more.

Topics include:

• Storyboarding
• Creating a dynamic layout with flexbox
• Interactivity with JavaScript
• Navigating the DOM
• Adding animation
• Controlling animations with classes
• Manipulating SVG with JavaScript
• Applying CSS to SVG

About the Author

W. Scott Means is a software developer, consultant, and author.

He’s been a professional software developer since 1988, when he joined Microsoft at the ripe age of 17. Since then, he’s written code for everything from device drivers to multiplayer casino games. Over the years, he’s come to specialize in software firefighting; he takes on seemingly impossible deadlines and delivers solutions that exceed his clients’ expectations. His goal is to make his clients successful by empowering them to serve their own needs by choosing precisely the right technologies and systems to achieve their goals. He’s done extensive development on both Microsoft and open-source platforms. In addition, he’s written and cowritten books on XML and has released several open-source libraries and components.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 40m
• Instructor: W. Scott Means