Differences between revisions 8 and 9
Revision 8 as of 2010-07-05 21:15:30
Size: 1115
Comment:
Revision 9 as of 2010-07-05 21:18:02
Size: 1305
Comment:
Deletions are marked like this. Additions are marked like this.
Line 29: Line 29:

I would have liked to produce a design without a sidebar as I find them less usable for small screens. They are however popular for a reason and it's very hard to find a good alternative

Debian website redesign proposal

Anyone got a better name than kallesdesign for this page?

A resource for documenting, developing and discussing the design proposal. The aim for the design was to create a light robust and elegant site.

Architecture

Files

  • debian.css
  • deb$(subdomain).css
  • changes to backend templates

The proposal works by having one global debian.css that should be the same for every subdomain and backend. Site specific tweaks and overrides are then added in a separate css file following the deb$(subdomain).css naming convention. The subdomains link to their css file which in turn includes the debian.css file via a @import line at the top of the css file.

Design

  • Logo
  • Navbar
  • Breadcrumbs

The above elements are designed to fit together quite tightly. The textual part of the logo forms the first breadcrumb therefore a slash should be the first item in the breadcrumbs before any actual link. This can be achieved with the css content tag.

  • Table of contents
  • Secondary navigation
  • Body
  • Typography

I would have liked to produce a design without a sidebar as I find them less usable for small screens. They are however popular for a reason and it's very hard to find a good alternative