Skip to Content

Changes for page ERDivaLook

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

Summary

Details

Page properties
Content
... ... @@ -7,40 +7,3 @@
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||]]