Skip to Content

Wiki source code of ERDivaLook

Version 102.1 by Ravi Mendis on 2009/04/23 03:20
Hide last authors
Ravi Mendis 95.1 1 === What is ERDivaLook? ===
Ravi Mendis 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**
Ravi Mendis 95.1 7 * XHTML 1.0 strict compliant
Ravi Mendis 84.1 8 * Sans images, inline styles or presentation attributes
Ravi Mendis 95.1 9 * Require a CSS **theme**
Ravi Mendis 84.1 10
Ravi Mendis 95.1 11 = Why Table-less Markup? =
Ravi Mendis 84.1 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
Ravi Mendis 95.1 25 In ERDivaLook, or Diva look for short, your application is not complete without a CSS theme.
Ravi Mendis 84.1 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
Ravi Mendis 95.1 30 Example Diva look themes:
Ravi Mendis 99.1 31
Ravi Mendis 101.1 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||]]