| Name | Description |
| Sample Page | Provides a sample of some of the css classes and layout features of the framework |
| Grid Cells | Demo page showing basic grid cell/column layout |
| Cell Column Width | Grid cell/column width test page |
| Cell Row Height | Grid cell row height test page |
| Elastic Layouts | Basic example of how to create liquid layouts with fixed width sidebars |
| Elastic Grid Cells | Example showing boxes, panels ,lists, headers, tables, etc |
| Common Elements | Example showing boxes, panels ,lists, headers, tables, etc |
| Interactive Examples |
| Drag Box | An example showing the use of the jQuery UI interactive APIs |
| Bouncing Ball | An example showing how to combine Physics, jQuery and the CSS framework to create an interactive user experience. |
| Buttons | Creating button elements with the css framework |
| Web Form | A basic web form example |
| Data Entry | Sample data entry web page. |
| Textbox Input | Textbox and Textarea demo |
| Shadow Box | Creating a box with drop shadow effect |
| Toolbar | A simple web form with nested toolbar |
| HTML Table | Table with hover effect. |
| Sortable Coulmns | Rearrange DIV blocks by dragging and dropping them across columns. |
| Plugin Examples |
| Cursor | An example of how to use the cursor plugin. |
| TabStrip | An example of how to add multiple TabStrips to a page |
| TabStrip Explorer | Explore the features of the TabStrip plugins. Learn how to create themes and animations and how to use autopilot features |
Subscribe to Feed by Email