Changes between Version 31 and Version 32 of BluePrint/CSS
- Timestamp:
- 09/14/09 18:49:21 (15 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
BluePrint/CSS
v31 v32 1 1 = !BluePrint for CSS = 2 2 3 ExistingCSS documented here: [wiki:DeveloperGuidelinesCSS]3 Original Sahana CSS documented here: [wiki:DeveloperGuidelinesCSS] 4 4 5 The CSS could do with cleaning up to remove unused styles & some updating to give us maximal usability: 6 * http://www.alistapart.com/articles/progressiveenhancementwithcss 5 We have moved to a full page design to allow maximal screen real estate to be available for list views & data entry. Ours is based on: 6 * http://matthewjamestaylor.com/blog/perfect-full-page.htm 7 * This was inspired by the work done on Sahana PHP: http://demo.respere.com/dnn/ 8 * Link on doing soemthing similar with the default web2py menu: http://groups.google.com/group/web2py/browse_thread/thread/ecffcd0427af0fec 7 9 8 We should look at removing the side menu as it takes up a lot of screen real estate: 9 * http://demo.respere.com/dnn/ 10 * http://groups.google.com/group/web2py/browse_thread/thread/ecffcd0427af0fec 10 The CSS could still do with some cleaning up to remove unused styles. 11 11 12 Move to 2 alternate layouts which different views can inherit from (common areas included into these to be DRY): 12 CSS can be tested in different Internet Explorer version using: 13 * http://ipinfo.info/netrenderer/ 14 15 We should include alternate layouts which different views can inherit from (common areas included into these to be DRY): 13 16 * Site home & Module homes act as portals, which require 3 columns: 14 17 * http://matthewjamestaylor.com/blog/perfect-3-column.htm 15 * Data-entry/List view screens need no overheads, so single column:16 * http://matthewjamestaylor.com/blog/perfect-full-page.htm17 18 18 As a stepping-stone, am starting to migrate to the 2-column (menu on left):19 * http:// matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm19 Maximal usability ideas: 20 * http://www.alistapart.com/articles/progressiveenhancementwithcss 20 21 21 22 Replace the current menus with Breadcrumb-style Chevrons, e.g.: … … 31 32 * #18 32 33 * #19 34 35 === Right-to-Left theme === 36 Ideally this should be as simple as: 37 {{{ 38 body { 39 direction: rtl; 40 } 41 }}} 33 42 34 43 === Print View ===