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
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
1 - Introduction/01 - Beyond Flash - Creating animations for the modern web.mp4
4.2 MB
1 - Introduction/02 - What you should know.mp4
2.2 MB
2 - 1. Building a Foundation/03 - Storyboarding.mp4
3.9 MB
2 - 1. Building a Foundation/04 - Scene elements.mp4
1.5 MB
2 - 1. Building a Foundation/05 - Animation strategies.mp4
2.5 MB
2 - 1. Building a Foundation/06 - Set up your environment.mp4
2.8 MB
3 - 2. HTML Layout/07 - HTML custom elements.mp4
8.2 MB
3 - 2. HTML Layout/08 - Responsive CSS with view units.mp4
6.7 MB
3 - 2. HTML Layout/09 - Create a square with CSS vmin.mp4
5.8 MB
3 - 2. HTML Layout/10 - Center element with CSS margins.mp4
7.7 MB
3 - 2. HTML Layout/11 - Center element CSS flexbox.mp4
5.6 MB
3 - 2. HTML Layout/12 - Create a dynamic layout with flexbox.mp4
16.4 MB
4 - 3. Interactivity with JavaScript/13 - CSS selector specificity.mp4
7 MB
4 - 3. Interactivity with JavaScript/14 - Add a JavaScript event handler.mp4
4.4 MB
4 - 3. Interactivity with JavaScript/15 - Navigating the DOM.mp4
9.1 MB
5 - 4. Adding Animation/16 - Animation setup.mp4
6.8 MB
5 - 4. Adding Animation/17 - CSS @keyframes.mp4
9.8 MB
5 - 4. Adding Animation/18 - Easing.mp4
7.4 MB
5 - 4. Adding Animation/19 - Auto-advance with JavaScript.mp4
7.6 MB
5 - 4. Adding Animation/20 - Control animations with classes.mp4