Designing User Interfaces with AlloyUI
Liferay’s User Interface (UI) Team continually strives to provide stylish, lightning-fast components that are extensible and built to last. I liken the team to an elite band of metallurgists: cutting-edge scientists that extract metals from craggy rocks deep beneath the earth’s crust. They purify these metals and mix them together to make some of the most awesome things known to mankind–seemingly weightless bike frames, bridges with enough tensile strength to withstand hurricanes, and swords that can cut through almost anything. The Liferay UI Team is like these scientists. They’ve put forth equal sweat and ingenuity to bring you a mixture, or alloy, of the best UI technologies and have wrapped it up in one ultimate framework–AlloyUI!
AlloyUI was built on YUI for several reasons. First, YUI facilitates building high quality production-level widgets quickly. YUI has a flexible, elegant architecture that is easy to extend. It is useful in both small and large scale projects. YUI is also documented well at http://yuilibrary.com/yui/docs/.
We know that many developers in the Liferay community like to use jQuery. You can use jQuery in Liferay Portal, but we strongly recommend you use AlloyUI. Note, AlloyUI is always loaded and available to you in Liferay. If you use something else, your page must load your library and AlloyUI, which slows down performance.
By reading this chapter and following along with its exercises, you’ll learn what AlloyUI is and how to use it in Liferay Portal. For further details on the AlloyUI project, tutorials, examples, and API documentation, make sure to visit http://alloyui.com. We’ll show you around AlloyUI in this chapter by exploring the following topics:
- A simple AlloyUI example
- Using an AlloyUI Carousel in Your Portlet
- Working with the AlloyUI project
To start things off right, let’s go over a simple example using AlloyUI.