Go back to Web Development : Presentation Layer Design - Part 1
For example, in above the user interface features a rotating slideshow with good image transitions powered by jQuery, CSS, and HTML5 woven together. The back and forth arrows manually advance through the
“carousel” (as these user interfaces are collectively called), and a small row of proxy icons displays a rollover preview of all the images in the slideshow.
them for your specific purposes. Using jQuery, you can create popular animation and interaction design
of code snippets, it saves developers time too.
Here are some links to online examples:
• Expanding and collapsing accordion windows
• Carousel image rotations
• Image zoom upon rollover
For instance, the shopping cart in above allows the user to change the quantity of each item. As the user enters new quantities the total updates automatically.
Read Next Web Development : Presentation Layer Design - Part 3