Books & Videos

Table of Contents

  1. The Basics

    1. Chapter 1 Introduction to Web Animations

      1. What Is an Animation?
    2. Chapter 2 Introduction to CSS Animations

      1. Creating a Simple Animation
      2. What Just Happened
      3. The Longhand Version
      4. Conclusion
    3. Chapter 3 Introduction to CSS Transitions

      1. Creating a Simple Transition
      2. What Just Happened
      3. The Longhand Version
      4. Conclusion
    4. Chapter 4 Working with CSS Timing Functions

      1. What Is a Timing Function?
      2. Timing Functions in CSS
      3. Conclusion
    5. Chapter 5 Ensuring Your Animations Run Really Smoothly

      1. What Is a Smooth Animation?
      2. Creating Responsive 60 fps Animations
      3. Conclusion
    6. Chapter 6 Transitions, Animations, and JavaScript

      1. It’s Just Property Changes
      2. A Tale of Two Styling Approaches
      3. Animating with requestAnimationFrame
      4. Conclusion
    7. Chapter 7 CSS Animations Versus CSS Transitions

      1. Similarities
      2. Differences
      3. Conclusion
  2. Learning from Examples

    1. Chapter 8 Animating Your Links to Life

      1. The Starting Point
      2. Animated Underline
      3. Simple Background Color Change
      4. Cooler Background Color Change
      5. Conclusion
    2. Chapter 9 Simple Text Fade and Scale Animation

      1. The Example
      2. Conclusion
    3. Chapter 10 Creating a Smooth Sliding Menu

      1. How the Sliding Menu Works
      2. Creating the Sliding Menu
      3. Conclusion
    4. Chapter 11 Scroll-Activated Animations

      1. The Basic Idea
      2. Building It All Out
      3. Conclusion
    5. Chapter 12 The iOS Icon Wobble/Jiggle

      1. The Full HTML and CSS
      2. Deconstructing This Effect
      3. Looking at the CSS
      4. Faking Randomness
      5. Conclusion
    6. Chapter 13 Parallax Scrolling

      1. Overview of How the Parallax Effect Works
      2. Getting Started
      3. Conclusion
    7. Chapter 14 Sprite Sheet Animations Using Only CSS

      1. Creating the Sprite Sheet
      2. Conclusion
    8. Chapter 15 Creating a Sweet Content Slider

      1. Overview of How It Works
      2. The Content
      3. Clipping the Content
      4. The Navigation Links
      5. Making the Content Actually Slide
      6. Understanding the Code (and More!)
      7. Conclusion
    9. Chapter 16 Conclusion

      1. Until Next Time