Css Animations And Transitions For The Modern Web by Steven Bradley

Css Animations And Transitions For The Modern Web

bySteven Bradley

Paperback | November 12, 2014

not yet rated|write a review

Pricing and Purchase Info

$29.82 online 
$45.99
Earn 149 plum® points
HURRY, ONLY 3 LEFT!

In stock online

Ships free on orders over $25

Available in stores

about

Modern websites use a variety of animated effects not only to improve usability but also to delight and surprise users. Some of these effects require complex scripting or programming skills, but many are within the grasp of designers who are already familiar with CSS and HTML. CSS Animations and Transitions for the Modern Web shows designers how to add movement to web pages over time using CSS3 style definitions.

Author Steven Bradley begins as simply as possible and uses elementary skills as the basis for more advanced techniques. Conceptual explanation is combined with specific examples to give designers a solid foundation in
the art of creating dynamic and appealing websites. Steven’s examples are posted at peachpit.com so readers can see the animations in action and download the code files for further study. Instructions for access are in the “Getting Started” section.

With CSS Animations and Transitions for the Modern Web, you’ll learn how to make your websites more vibrant and compelling with user interfaces that are functional, reliable, and usable, as well as beautiful.

  • Up-to-date information on current browser support for CSS animations and transitions
  • An introduction to manipulating web page objects in both 2D and 3D space
  • Techniques for creating smooth transitions between object states
  • An overview of Disney’s principles for creating realistic animation and how they apply to web page designs

About The Author

STEVEN BRADLEY is a freelance web designer and WordPress developer who traded the hustle and bustle of his origins in New York for the blue skies and mountains of Boulder, Colorado. He’s the author of Design Fundamentals: Elements, Attributes, & Principles, and he’s written for sites like Smashing Magazine, the Tuts+ family of sites, a...
Structural Design for the Stage
Structural Design for the Stage

by Alys Holden

$79.89$99.85

Available for download

Not available in stores

Shadowrun: Spells & Chrome
Shadowrun: Spells & Chrome

by John Helfers

$1.30

Available for download

Not available in stores

Consortium: Patriot Acts Series, Vol. 3
Consortium: Patriot Acts Series, Vol. 3

by Steven Clark Bradley

$6.46

Available for download

Not available in stores

Shop this author

Details & Specs

Title:Css Animations And Transitions For The Modern WebFormat:PaperbackDimensions:320 pages, 9 × 7 × 0.7 inPublished:November 12, 2014Publisher:Pearson EducationLanguage:English

The following ISBNs are associated with this title:

ISBN - 10:0133980502

ISBN - 13:9780133980509

Nearby Stores

We found 0 nearby stores

Customer Reviews of Css Animations And Transitions For The Modern Web

Reviews

Extra Content

Table of Contents

Chapter 1: Introduction

•    Why CSS Animation is Important

•    Critical and Non-Critical Visual Experience

•    Tools: What you need

 

Chapter 2: Transforms

•      Browser Support

•      Fallbacks and PolyFills

•      CSS Visual Formatting Model

•      The Transform Rendering Model

•      2-Dimensional Transforms

-    transform property

-    transform-origin property

•    3-Dimensional Transforms

-    Perspective property

-    Perspective-origin property

-    Backface-visibility property

•    Transform Functions

-    2-Dimensional Functions

matrix()

translate()

translateX()

translateY()

scale()

scaleX()

scaleY()

rotate()

skew()

skewX()

-    3-Dimensional Functions

matrix3d()

translate3d()

translateZ()

scale3d()

scaleZ()

rotate3d()

rotateX()

rotateY()

rotateZ()

perspective()

•    Combining Transforms

 

Chapter 3: Transitions

•    Browser Support

•    Fallbacks and PolyFills

•    Transition Properties

-    Transition-property

-    Transition-duration property

-    Transition-timing-function property

ease

linear

ease-in

ease-out

ease-in-out

step-start

step-end

steps

cubic-bezier

-    Transition-delay property

-    Transition shorthand property

•    Starting and Reversing Transitions

•    CSS properties that can be transitioned

•    Transition Events

 

Chapter 4: Animation

•    Browser Support

•    Fallbacks and PolyFills

•    Keyframes

-    @Keyframes rule

•    Animation Behavior

-    Differences between animation and transitions

•    Animation Properties

-    animation-name property

-    animation-duration property

ease

linear

ease-in

ease-out

ease-in-out

step-start

step-end

steps

cubic-bezier

-    animation-timing-function property

-    animation-iteration-count property

-    animation-direction property

-    animation-play-state property

-    animation-delay property

-    animation-fill-mode property

-    Animation shorthand property

•    CSS Properties that can be animated

•    Animation Events

-    Animation-start

-    Animation-end

-    Animation-iteration

 

Chapter 5: Principles for More Realistic Animation

•    When to use Transitions and when to use animation

•    Disney's Twelve principles of animation

-    Squash and stretch

-    Anticipation

-    Staging

-    Straight Ahead Action and Pose to Pose

-    Follow Through and Overlapping Action

-    Slow In and Slow Out

-    Arcs

-    Secondary Action

-    Timing

-    Exaggeration

-    Solid Drawing

-    Appeal

 

Chapter 6: Examples

 

End Matter

•    Resources

•    About the Author

•    Index