WebDeveloper.com �: Where Web Developers and Designers Learn How to Build Web Sites, Program in Java and JavaScript, and More!   
Web Developer Resource Directory WebDev Jobs
Animated GIFs
CSS
CSS Properties
Database
Design
Flash
HTML
HTML 4.01 Tags
JavaScript
.NET
PHP
Reference
Security
Site Management
Video
XML/RSS
WD Forums
 Client-Side
  Development

    HTML
    XML
    CSS
    Graphics
    JavaScript
    ASP
    Multimedia
    Web Video
    Accessibility
    Dreamweaver
    General
    Accessibility
    Dreamweaver
    Expression Web

    General

 Server-Side
  Development

    PHP
    Perl
    .NET
    Forum, Blog, Wiki & CMS
    SQL
    Java
    Others

 Site Management
    Domain Names
    Search Engines
    Website Reviews

 Web Development
  Business Issues

    Business Matters

 Etc.
    The Coffee Lounge
    Computer Issues
    Feedback




Microsoft's Liquid Motion, Part 2

By Scott Clark Full-featured multimedia banners and buttons for all! Like many other Microsoft products, Liquid Motion utilizes templates in order to give developers a headstart on the design process. There are over fifty templates, ranging from banners, to buttons, to "extras," which are generally more banners and buttons. As you open a template within the Liquid Motion interface, the animation is visible, but not running, in the lower right window area (See Figure 1).
Liquid Motion interface
Figure 1 The Liquid Motion interface
Each area of the animation may be selected by clicking on that section within the "scene tree" to the left of the animation. Double-clicking on that same section brings up a properties window for that section, allowing the developer to add or change the properties. Every aspect of the animation may be edited using the scene tree including the individual frames within the animation, timing, colors, text, etc. As a section is chosen from the scene tree, the selection is highlighted on the timeline. The animations may be previewed at any stage of development by clicking on the appropriate VCR-style buttons above the scene tree.


HTML5 Development Center


Recent Articles