Join Joe Chellman for an in-depth discussion in this video Challenge: Improve the animation, part of jQuery for Web Designers.
- [Voiceover] As it currently stands,…this cart is pretty slick for just a few lines of code.…We have these images going over to the cart…and disappearing when they get there.…But we'd like to make a few enhancements…to make it even a little better,…and that's what we're going to do in this challenge.…First of all, let's fade the images out…and maybe shrink them down a little bit…so we get the sense of them kind of going into the cart,…getting a little smaller as they go further away from us.…Also, I'd like to refine the targeting.…
Right now, they're going up to that cart contents header.…Let's move them down a little bit.…Instead, target this item, your items go here.…And then finally, after each item reaches the cart…and disappears, let's put a little message down here…that says one and then the name of the item.…That's blueberry, lemon lime, orange, whatever it is,…one of them was added to the cart.…So three minor enhancements to this shopping cart.…Let's recap them.…So we're going to enhance this cart animation.…
- When to use jQuery
- Installing jQuery
- Setting up functions
- Using jQuery classes
- Modifying the DOM
- Event binding
- Reading and setting values
- Integrating plugins
- Animating websites with jQuery
Skill Level Intermediate
1. jQuery Introduction
2. Essential Concepts
3. It's Easier in jQuery
4. Integrate a Plugin
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.