Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 104.1
edited by Ravi Mendis
on 2009/04/23 02:22
Change comment: There is no comment for this version
To version 109.1
edited by Ravi Mendis
on 2009/04/23 03:45
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -7,3 +7,33 @@
7 7  * XHTML 1.0 strict compliant
8 8  * Sans images, inline styles or presentation attributes
9 9  * Require a CSS **theme**
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).
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 +
30 +===== Example Diva Themes: =====
31 +
32 +The following are a sample of themes for Diva look. The first two are included in the Wonder/Example/Ajax/ERDivaLookExample app.
33 +
34 +|= Neutral |= WebObjects |= Simple |= Organica
35 +| [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]]
36 +| D2W Neutral look reverse engineered
37 +as a Diva Theme | D2W WebObjects look reverse engineered
38 +as a Diva Theme | [[//Simple//>>http://www.csszengarden.com/?cssfile=/174/174.css&page=2]] theme from css Zen Garden | [[//Organica//>>http://www.csszengarden.com/?cssfile=/188/188.css&page=0]] theme from css Zen Garden
39 +| //Included in ERDivaLookExample// | //Included in ERDivaLookExample// | Shawn Chin [[mailto:schin@shawnchin.net]] | Eduardo Cesario [[mailto:design@criaturacreativa.com.ar]]