Animating PowerSchool Web Pages

Welcome to this web tutorial all about how to use the YUI to animate your pages!

 

Resources: Learn More

 

Congratulations on completing the tutorial! While we’ve learned a lot about how to animate using the Yahoo! User Interface library, these links will help you learn more:

  1. Yahoo! User Interface Developers

    Honestly, you won't be able to program the YUI without this site. It includes the cheat sheets, a full set of APIs and tons of examples to look at so you know how to code. This is a highly recommended site.

    Yahoo!. (2008). Yahoo! User Interface Library (YUI). Retrieved December 10, 2008, from http://developer.yahoo.com/ypatterns/index.php.

  2. Yahoo! Design Patterns

    As you've well learned, part of learning how to animate an object on a web page is learning when to do it. These design patterns show you when it is appropriate to use different kinds of animated transitions that help the user rather than confuse.

    Yahoo!. (2008). Yahoo! design pattern library. Retrieved December 10, 2008, from http://developer.yahoo.com/ypatterns/index.php

  3. Animation: From Cartoons to the User Interface

    This research paper provides some explanation of why animation is used in a user interface. Many of the concepts and techniques are applicable to determining when to use animation on a web page.

    Chang, B.W., & Ungar, D. (1995). Animation: From cartoons to the user interface. Sun Microsystems Laboratories. Retrieved December 10, 2008, from http://research.sun.com/techrep/1995/smli_tr-95-33.pdf.

Back