User:NikosA: Difference between revisions

From GRASS-Wiki
Jump to navigation Jump to search
m (First impressions of a custom css designed by archi.tect.gr)
Line 13: Line 13:
Various ideas discussed with <http://archi.tect.gr/>
Various ideas discussed with <http://archi.tect.gr/>


Testing will take place on:
Testing will take place on ('''...not sure! :-?'''):


* http://grasswiki.osgeo.org/wiki/User:NikosA/common.css
* http://grasswiki.osgeo.org/wiki/User:NikosA/common.css
* http://grasswiki.osgeo.org/wiki/User:NikosA/monobook.css
* http://grasswiki.osgeo.org/wiki/User:NikosA/monobook.css


=== GRASS-GIS logo ===
=== GRASS-GIS logo ===

Revision as of 01:22, 16 January 2013

Nikos Alexandris

Other userpages

Userpage at OSGeo's wiki

Contact

nik at nikosalexandris dot net

Scratching ideas for the GRASS-wiki

Various ideas discussed with <http://archi.tect.gr/>

Testing will take place on (...not sure! :-?):


File:Current grasswiki logo.png
The current GRASS-GIS wiki logo... is where?
A slightly altered GRASS-GIS-Wiki logo...
A slightly altered GRASS-GIS-Wiki logo...

GRASS-Wiki native colors

Should GRASS-Wiki pages wear GRASS' native colors?

Or else... ?

Some random example: light grey font-color (#dcdcdc), green border (#4da948)

Also,

  • style the tab-bar to approach the grass-gis website?

Better typography

Review and possibly alter:

  • move ToC on the right, make it fixed! This will "save" some long pages!
  • linespacing (between hierarchy elements!)
  • indentation of code blocks -- might improve readability
  • (non-code) text wrapping -- narrower body text column, easier to read


Some proof-of-clean-typography screenshots

First impressions of a custom css designed by <http://archi.tect.gr/>


The very left column is like a Wiki's connection terminal -- it should look and act like that for the user. It should also clearly state GRASS-GIS' identity.

GRASS-Wiki, the main Toolboxes on the left should state GRASS-GIS' robust, clean and open identity
GRASS-Wiki, the main Toolboxes on the left should state GRASS-GIS' robust, clean and open identity


Better typography is not only about aesthetics. It's about readability and making things easier to study. The screenshot below speaks for itself. Hint: the ToC is always accessible, following the user's eyes!

GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible
GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible


The Table of Contents is a must have for page-content organisation and navigation. Can it be *always* accessible while not distracting the user from reading when not required? Yes, it can.

GRASS-Wiki, semi-transparent ToC, fixed on the right
GRASS-Wiki, semi-transparent ToC, fixed on the right
GRASS-Wiki, clean ToC when hovering over with mouse pointer, fixed on the right
GRASS-Wiki, clean ToC when hovering over with mouse pointer, fixed on the right


The Categories bar, finally can receive the attention it deserves!

GRASS-Wiki, clean and attractive Categories bar
GRASS-Wiki, clean and attractive Categories bar


Related sources:


Distance between ToC and 1st Section

Match Media-Wiki's bigger distance from ToC to 1st Section!

GRASS-Wiki, distance between ToC and 1st Section
GRASS-Wiki, distance between ToC and 1st Section
Media-Wiki, distance between ToC and 1st Section
Media-Wiki, distance between ToC and 1st Section

Distance between Sections

Seems to be the same, for some reason, anyhow, some lengthy GRASS-pages look overfilled/noisy!

GRASS-Wiki, distance between Sections
Media-Wiki, distance between Sections

The GRASS-Wiki Special Pages are nicely structured, easy to read. Is there, and what exactly, a formatting difference with the "dafault" GRASS-Wiki pages?

Distance between Sections in GRASS-Wiki's Special Pages page
Distance between Sections in GRASS-Wiki's Special Pages page

Various Links