[Bug 19386] New: improve links to content at http://docs.webplatform.org/wiki/Main_Page

https://www.w3.org/Bugs/Public/show_bug.cgi?id=19386

           Summary: improve links to content at
                    http://docs.webplatform.org/wiki/Main_Page
           Product: webplatform.org
           Version: unspecified
          Platform: PC
        OS/Version: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: skin
        AssignedTo: schepers@w3.org
        ReportedBy: cmills@w3.org
         QAContact: public-webplatform-bugs@w3.org


The way the links to the different content categories are laid out curently on
http://docs.webplatform.org/wiki/Main_Page could really use improvement. To the
end, I have got Sebastien Desbenoit interested in helping to design some icons
for thie purpose!

I was thinking we could have a container with 6 floated boxes inside it, each
cpontaining an icon and a text label. These could be fixed width, so that when
the container gets below certain widths, the layout could shift from 3 x 2, to
2 x 3, to 1 x 6. Nice and responsive, but very simple. If we wanted to, we
could have this as a fallback, and give modern browsers something more bullet
proof, like CSS3 multicol, or even flexbox.

I'm happy to work on a code prototype, or just leave that to Lea or whoever
else.

For the icons, I was thinking of something along these lines:

* Concepts - an open book, or perhaps a characterture of that famous statue
"the thinker" (http://en.wikipedia.org/wiki/The_Thinker) 
* HTML - a simple set of open and closed tags
CSS - a paint brush to indicate style/decoration
Accessibility - an opening door, to indicate access. I'd prefer to keep away
from the obvious wheelchair logo, as I think it'd be better to use something
else. Disabled people are reminded too much of disability by this icon.
JavaScript - something technical looking, like a machine, or cogs, or a robot?
SVG - a simple picture frame containing a simple image, such as a sun and a
hillside.

For the icon size, I reckon about 32x32 would be a decent size. I've tested a
few sizes, and this looks like space for enough detail without being too
imposing.

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.

Received on Tuesday, 9 October 2012 09:43:43 UTC