Wiki source code of ERDivaLook
Version 115.1 by Ravi Mendis on 2009/04/23 03:31
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
95.1 | 1 | === What is ERDivaLook? === |
| |
84.1 | 2 | |
| 3 | Much like ExcelLook, that vends excel pages, Diva look generates a Web 2.0 interface for DirectToWeb. | ||
| 4 | More specifically, it generates pages that are: | ||
| 5 | |||
| 6 | * Semantically-rich or **tables-less** | ||
| |
95.1 | 7 | * XHTML 1.0 strict compliant |
| |
84.1 | 8 | * Sans images, inline styles or presentation attributes |
| |
95.1 | 9 | * Require a CSS **theme** |
| |
105.1 | 10 | |
| 11 | = Why Table-less Markup? = | ||
| 12 | |||
| 13 | Scriptaculous, jQuery effects, etc work by manipulating CSS attributes. | ||
| 14 | Mostly they don't work very well on tables, if at all. | ||
| 15 | Furthermore, the more sophisticated widgets (like accordions) make use of effects and so don't function as they should without. | ||
| 16 | |||
| 17 | This is even more true for unobtrusive javascript for which table-less markup is usually a prerequisite. | ||
| 18 | Like jQuery, which takes this a step further, by applying functionality via CSS selectors. | ||
| 19 | (So for jQuery it is an absolute requirement). | ||
| |
109.1 | 20 | |
| 21 | Therefore, if you are developing a Web 2.0/Ajax UI, the transition to table-less markup is an imperative. | ||
| 22 | |||
| 23 | === What is a Diva Theme? === | ||
| 24 | |||
| 25 | In ERDivaLook, or Diva look for short, your application is not complete without a CSS theme. | ||
| 26 | All images, layout, colors and font information are maintained in the CSS. | ||
| 27 | |||
| 28 | All your customizations to the look and layout of your application is also done in the CSS (and via D2W rules). | ||
| 29 | |||
| |
115.1 | 30 | Example Diva look themes: |
| |
109.1 | 31 | |
| |
115.1 | 32 | |= Neutral |= WebObjects |= Simple |= Organica |
| 33 | | [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]] | ||
| |
109.1 | 34 | | D2W Neutral look reverse engineered |
| 35 | as a Diva Theme | D2W WebObjects look reverse engineered | ||
| |
115.1 | 36 | as a Diva Theme | 'Simple' theme from csszengarden.com | 'Organica' theme from csszengarden.com |