[P2P-F] Website readability

Mon Feb 15 21:15:17 CET 2016

The new design for blog.p2pfoundation.net is much less readable than the 
previous one.  It's following the current trends towards an illiterate web 
that include features like:

  1. Over sized text; less text density.
  2. Low contrast text/background colors.
  3. Heavy on irrelevant images.
  4. Morphing layout & irrelevant animation.

I visit blogs to read information, not play video games, so this web-wide 
trend really gets my goat.

For blog.p2pfoundation.net specifically:

  1. Text seems to be sized only for high DPI screens.
  2. The grid layout is annoying as stories jump around in a seemingly random
    way as the page is resized.
  3. The date & comment count are colored #bbbbbb, making them difficult
     to see on the white background.
  4. The story tag text is overlayed on images making them difficult to read.
  5. The story right side-bar headings are colored #cccccc, making them
     difficult to see on the white background.

CSS has a resolution media feature that could be used to size fonts.

Ideally there would be a preference cookie (no login required) that would 
allow users to:

  1. Make all text black against white.
  2. Turn off irrelevant images.
  3. Show stories in a single column (as per the previous layout).

-Karl