Quick design tweaks  JAN 28 2009

As promised, the redesign of this site started last week is still in motion. I've just made a bunch of small tweaks that should make the site more readable for some readers.

- Fonts. In response to a number of font issues (many reports of Whitney acting up, the larger type looking like absolute crap on Windows), I've changed how the stylesheets work. Sadly, that means no more lovely Whitney. :( Mac users will see Myriad Pro Regular backed up by Helvetica and Arial while PC users will see Arial (at a different font-size). In each case, the type is slightly smaller than it was previously. I'm frustrated that these changes need to be made...the state of typography on the web is still horrible.

- Blue zoom border. Oh, it's staying, but it'll work a bit differently. The blue sides will still appear on the screen at all times but the top and bottom bars will scroll with the content. I liked the omnipresent border, but the new scheme will fix the problems with hidden anchor links and hidden in-page search results and allow for more of the screen to be used for reading/scanning. It breaks on short pages (see: the 404 page) and still doesn't work quite right on the iPhone, but those are problems for another day.

- Icons. Updated the favicon and the icon on the iPhone to match the new look/feel.

- Misc. Rounded off the corners on the red title box. Increased the space between the sidebar and the main content column.

Thanks to everyone who offered their suggestions and critiques of the new design, especially those who took the time to send in screenshots of the problems they were having. Feedback is always appreciated.

Read more posts on kottke.org about:
design   kottke.org   web development   www

this is kottke.org

   Front page
   About + contact
   Site archives

You can follow kottke.org on Twitter, Facebook, Tumblr, Feedly, or RSS.

Ad from The Deck

We Work Remotely

 

Enginehosting

Hosting provided EngineHosting