Skip to Content

Changes for page ERDivaLook

Last modified by Ravi Mendis on 2010/09/10 01:14
From version 108.1
edited by Ravi Mendis
on 2009/04/23 02:35
Change comment: Added Why table-less markup?
To version 125.1
edited by Ravi Mendis
on 2009/04/23 06:20
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,7 +6,9 @@
6 6  * Semantically-rich or **tables-less**
7 7  * XHTML 1.0 strict compliant
8 8  * Sans images, inline styles or presentation attributes
9 -* Require a CSS **theme**
9 +* Use a CSS **theme**
10 +* Incorporates Ajax widgets
11 +* Scriptaculous **effects**
10 10  
11 11  = Why Table-less Markup? =
12 12  
... ... @@ -17,3 +17,25 @@
17 17  This is even more true for unobtrusive javascript for which table-less markup is usually a prerequisite.
18 18  Like jQuery, which takes this a step further, by applying functionality via CSS selectors.
19 19  (So for jQuery it is an absolute requirement).
22 +
23 +Therefore, if you are developing a Web 2.0/Ajax UI, the transition to table-less markup is an imperative.
24 +
25 +=== What is a Diva Theme? ===
26 +
27 +In ERDivaLook, or Diva for short, your application is not complete without a CSS theme.
28 +All images, layout, colors and font information are maintained in the CSS.
29 +
30 +All your customizations to the look and layout of your application is also done in the CSS (and via D2W rules).
31 +
32 +===== Example Diva Themes: =====
33 +
34 +The following are a sample of themes for Diva look. The first two are included in the Wonder/Examples/Ajax/ERDivaLookExample app.
35 +
36 +|= Neutral |= WebObjects |= Simple |= Organica
37 +| [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]]
38 +| D2W Neutral look reverse engineered
39 +as a Diva Theme | D2W WebObjects look reverse engineered
40 +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
41 +| //Included in ERDivaLookExample// | //Included in ERDivaLookExample// | Shawn Chin [[mailto:schin@shawnchin.net]] | Eduardo Cesario [[mailto:design@criaturacreativa.com.ar]]
42 +
43 +The graphics designer Eduardo Cesario wrote up his experience of developing his //Organica// design for an early prototype of ERDivaLook on his [[blog>>http://www.organicacreativa.com/organica-creativa.php?area=directtoweb&lang=en]].