BluePrint for CSS

Existing CSS documented here: DeveloperGuidelinesCSS

The CSS could do with cleaning up to remove unused styles & some updating to give us maximal usability:

• ​http://www.alistapart.com/articles/progressiveenhancementwithcss

We should look at removing the side menu as it takes up a lot of screen real estate:

• ​http://demo.respere.com/dnn/
• ​http://groups.google.com/group/web2py/browse_thread/thread/ecffcd0427af0fec

Move to 2 alternate layouts which different views can inherit from (common areas included into these to be DRY):

• Site home & Module homes act as portals, which require 3 columns:
  • ​http://matthewjamestaylor.com/blog/perfect-3-column.htm
• Data-entry/List view screens need no overheads, so single column:
  • ​http://matthewjamestaylor.com/blog/perfect-full-page.htm

As a stepping-stone, am starting to migrate to the 2-column (menu on left):

• ​http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm

Replace the current menus with Breadcrumb-style Chevrons, e.g.:

• ​http://www.guardian.co.uk/world/usa

Enhance these with dropdown menus, like in T3:

• ​http://web2py.appspot.com/t3/default/wiki/main

Relevant Bugs:

• #3
• #9
• #14 (e.g. see: ​http://vita.sahanapy.org/init/pr/person )
• #17
• #18
• #19

Print View

Provide a view which allows for better Printing

• CSS sufficient? (media=print)

Mobile View

Provide a cut-down version for use on low-screensize, low-bandwidth devices, such as Mobiles

• CSS sufficient?
• ​http://mobiforge.com/Designing

Use the RESTlike CRUD controller's ?format=plain

Icons in Menus?

• ​http://groups.google.com/group/web2py/browse_thread/thread/aeb21cca011e4632

---

BluePrints