This article addresses the situation in which the look and feel of an IBM WebSphere Portal page is designed by a User Interface (UI) design expert, and the actual productization of these styles are done by the another developer. 

The UI design expert prepares the styles---like Cascaded Style Sheets (CSS) or a sample HTML)--- per the UI specification and design, and these styles or sample HTML are then consumed by the developer to develop an actual, functional UI for a product. 

The developer takes into account all the specific requirements of the product and important factors like namespacing, internationalization support, cross-browser support, accessibility support, and so on. 

This article guides you through step-by-step checkpoints to productize the styles into a realtime UI. The intended audience is Portal developers with expertise in JavaServer Pages (JSPs) who want to develop a functional UI using the sample styles and HTML code written by an HTML and CSS expert. 

UI experts can also use this article to deliver the sample CSS and HTML for an approved design. Readers of the article should have the functional requirement document of the expected UI.

Table of Contents
1 Introduction
2 Role of a UI design expert
2.1 Expected pictorial layout of the UI
2.2 Expected pictorial layout with all parameter values
2.3 Sample HTML code and CSS
3 Role of the developer
3.1 Namespacing
3.2 Internationalization support
3.3 Accessibility support
3.4 Cross-browser support
4 Conclusion
5 Tell us what you think
6 Resources
7 About the author