Skip to Content

Changes for page ERDivaLook

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

Summary

Details

Page properties
Content
... ... @@ -6,7 +6,8 @@
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 & 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).
21 +
22 +Therefore, if you are developing a Web 2.0/Ajax UI, the transition to table-less markup is an imperative.
23 +
24 +=== What is a Diva Theme? ===
25 +
26 +In ERDivaLook, or Diva for short, your application is not complete without a CSS theme.
27 +All images, layout, colors and font information are maintained in the CSS.
28 +
29 +All your customizations to the look and layout of your application is also done in the CSS (and via D2W rules).
30 +
31 +===== Example Diva Themes: =====
32 +
33 +The following are a sample of themes for Diva look. The first two are included in the Wonder/Examples/Ajax/ERDivaLookExample app.
34 +
35 +|= Neutral |= WebObjects |= Simple |= Organica
36 +| [[image:Picture 1.jpg||]] | [[image:Picture 2.jpg||]] | [[image:Picture 3.jpg||]] | [[image:slides_directtoweb_04.jpg.jpeg||]]
37 +| D2W Neutral look reverse engineered
38 +as a Diva Theme | D2W WebObjects look reverse engineered
39 +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
40 +| //Included in ERDivaLookExample// | //Included in ERDivaLookExample// | Shawn Chin [[mailto:schin@shawnchin.net]] | Eduardo Cesario [[mailto:design@criaturacreativa.com.ar]]
41 +
42 +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]].