CSS Animation: De-animating the Undead Horde CSS Animation: De-animating the Undead Horde

CSS Animation: De-animating the Undead Horde

    • $4.99
    • $4.99

Publisher Description

Nothing takes down zombies like an HTML element on the move. This book takes a look at transitions, transformations and animations in CSS.

You'll learn how to trigger a simple transition and then how to create a longer, more complex movement or color change and more using keyframes, easing functions, delays, durations and much more.

You'll also keep your page running smoothly by learning the most performant ways to animate your page with transformations.

But what if you have a client with a sensitivity to motion or someone who would simply prefer no or very little motion? Well we can meet those concerns with the prefers-reduced-motion media query.

Best of all we'll take a look at the tried and true twelve principle of animation as set out by some legendary Disney animators. We'll apply those principles to the web, looking both at how those principles might apply to character animation on the web, but also how they apply to UI animation.

So take those static zombie poking sites and turn them into zombie smacking tanks of human ingenuity.
 

How You'll Learn to Smack Zombies Around

You won't just passively take in the view, like a zombie shuffling across the mainland. You'll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you'll craft code that pleases the eye and knocks a zombie into last Tuesday.

All the code and directions are provided as both codepen tutorials and downloadable html files, so you can fight the apocalypse how and where you like. You can work with them on the codepen site or on your own device.

And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory.

Why Zombies?

Are zombies just a gimmick? Why would this be any better than a straight laced book that sticks to the facts?

Straight laced books are often straight boring. And if you have insomnia problems go buy that book. The author, John, has read the boring books and knows that staying awake and engaged are also important for learning. But this book uses zombie references and analogies not just to make you smile, but to help the material stick. If a tough technical concept is related in silly terms you understand, like a zombie trying to buy gum at a super market, it's much more likely to stay in that brain those zombies are intent on eating.

GENRE
Computers & Internet
RELEASED
2020
August 1
LANGUAGE
EN
English
LENGTH
36
Pages
PUBLISHER
John Rhea
SELLER
Draft2Digital, LLC
SIZE
531.6
KB
Designing Interface Animation Designing Interface Animation
2016
A Pocket Guide to CSS Animations A Pocket Guide to CSS Animations
2013
SVG Animations SVG Animations
2017
Mastering CSS3 Mastering CSS3
2012
Game Character Creation with Blender and Unity Game Character Creation with Blender and Unity
2012
Navigation & Interaction Navigation & Interaction
2013
Build Your First Website (And Thwack Zombies with HTML and CSS) Build Your First Website (And Thwack Zombies with HTML and CSS)
2022
A Beginner’s Guide to Learning HTML (and Smacking Zombies Upside the Web Development) A Beginner’s Guide to Learning HTML (and Smacking Zombies Upside the Web Development)
2020
The Rat's Eye & Other Stories The Rat's Eye & Other Stories
2017
An Introduction to Programming in JavaScript: Stomping Zombies with Variables, Loops, Functions and More An Introduction to Programming in JavaScript: Stomping Zombies with Variables, Loops, Functions and More
2021
Beginner CSS: Like Putting Lipstick on a Zombie Beginner CSS: Like Putting Lipstick on a Zombie
2018
JavaScript Basics: Flinging Event, Element, and Object Bombs at Zombie Heads JavaScript Basics: Flinging Event, Element, and Object Bombs at Zombie Heads
2021
Stop Waiting For it to Get Easier - Create Your Dream Business Now Stop Waiting For it to Get Easier - Create Your Dream Business Now
2021
The Handyman's Guide The Handyman's Guide
2011
Being Authentic Being Authentic
2020
Garden Potpourri: Gardening Tips from the Easy-Growing Gardening Series Garden Potpourri: Gardening Tips from the Easy-Growing Gardening Series
2020
Body Language Body Language
2015
Uncommon Character 3rd Edition Uncommon Character 3rd Edition
2020