Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 103.1
edited by Ravi Mendis
on 2009/04/23 02:22
Change comment: There is no comment for this version
To version 101.1
edited by Ravi Mendis
on 2009/04/23 03:20
Change comment: Adding theme images

Summary

Details

Page properties
Content
... ... @@ -7,3 +7,40 @@
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 look themes:
31 +
32 +===== Neutral Theme =====
33 +
34 +[[image:Picture 1.jpg||]]
35 +
36 +===== WebObjects Theme =====
37 +
38 +[[image:Picture 2.jpg||]]
39 +
40 +===== Simple Theme =====
41 +
42 +[[image:Picture 3.jpg||]]
43 +
44 +===== Organica Theme =====
45 +
46 +[[image:slides_directtoweb_04.jpg.jpeg||]]