Three-Column Liquid-Layout Viewport provides a viewport-based user interface for a data-oriented Web application. It is good for use with Web applications implemented with a single Web page. The basic skeleton of the user-interface is similar to that used in MS Outlook and other applications: a left-hand column, a main center column divided into a master-detail pane arrangement, and a right-hand column. The reference implementation uses YUI3 as a JavaScript engine. However, YUI3 only does the resizing and DOM access, so other frameworks should work with it as well. It differs significantly from the ExtJS Viewport in that it aligns closely with HTML and CSS, instead of layering its own rendering engine on top of them. This results in a viewport that is fast to debug, clear, fast to load, small to download, and has a robust level of functionality and extensibility.
