Share this blog
- Morfik Discussion Forums rules and guidelines
- MDA Release: The FacebookLike Package
- MDA Release: The Rating Package
- MDA Release: The HTML5 Video Package
- MDA Release: The Accordion Package
- April 2011 (1)
- January 2011 (4)
- December 2010 (2)
- November 2010 (3)
- October 2010 (5)
- September 2010 (4)
- August 2010 (6)
- July 2010 (6)
- June 2010 (4)
- May 2010 (5)
- April 2010 (9)
- March 2010 (7)
- February 2010 (17)
- January 2010 (19)
Morfik 3 Update: New animation and transition effects for controls
Morfik 3 further enhances the presentation capabilities of user interface controls with new animation and transition effects. The rich user interface controls built into the Morfik IDE are among the most graphically striking elements available in development tools today. Morfik 3 narrows the gap between the skill sets of application developers and graphic artists, and the results are serious web business applications with stunning visual appeal—developed in record time.
I asked Dmitry Medvedev, who is leading the development of these new features, for some technical insight. Here is what he said:
“Animations and transitions, if used effectively, may bring yet another dimension to the look and feel of your web application. In Morfik 3, we’ve added a set of transition functions that evaluate the steps between the starting and ending state of the object. It can be position, color, transparency, size or any custom property of the object. These functions rely on different mathematical methods of performing calculations, such as linear, exponential, cubic, elastic, etc.
Given the variability in the speed of browsers, each browser may perform differently—substantially affecting the quality of animation. To counter this, Morfik animations are based on a fixed amount of time to be spent between the starting and ending state. Therefore, transitions will take more steps on faster browsers resulting in a smoother transition in comparison to slower ones (of course this will be a completely different story when we move to HTML5 for native rendering of graphical effects and transition, which hopefully won’t be too far away!)
We use animation systems internally in Morfik xApps to switch between control states. For example, when you move the mouse over a button, it now fades in/fades out within a short period of time which gives the effect of a smooth transition from one state to another.
You can go to http://cool-effects.yevgen-gromsky.morfikspace.com/ to see a demo project of the new engine in action.”
So there you have it. If you have to spend most of the available development time concentrating on the business logic of the application you no longer need to compromise on the presentation. Nor do you need to become a professional graphic artist in order to build pleasing and attractive user interfaces.
Please stay tuned for more Morfik 3 updates.