Tag Archives:

web design

Blooming yet again

New theme (and new WordPress, which is also why Knut shows his blog flower), new flower graph: Like already in September 2007 and in January 2008, here’s the visualization of my blog’s HTML structure as created with the applet at Aharef (already the “unfolding process” is nice to watch, but takes some patience):

flowers cim3

The meaning of the colors:
blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

Tadaaa!

knüll Good feeling if you can crumple an A4-sized sheet full of things to do and toss it in the bin because everything is done… and thus my new theme is finished already today! A few notes:

  • I made the theme myself. (I used the default theme as code base, but there’s not much left of it.) It’s hard to publish because there a quite a few things tailored to specifics of y blog; and including header images isn’t trivial either (besides I’m not sure about the redistribution licence of some of the photos (those I didn’t make myself))…
  • Default fonts are the “C” fonts from Microsoft – Calibri (text), Cambria (headlines), Constantia (poems etc.), Consolas (code); I don’t use Candara and Corbel here – which are included with Windows Vista and Office 2007 (and the free PowerPoint viewer) (» more info). They’re optimized for ClearType font smoothing and look quite elegant then – the first screenshot shows the “ideal” example (for those who don’t have the fonts); the second shows IE6 without smoothing and with the substitute fonts (Tahoma etc.):
    cim3 ideal cim3 IE6
  • Some rounded elements (e.g. the search box in the top right corner) need a sensible browser for this display. ;)
  • Instead of four randomly selected small header images there’s just one per month now – but larger. (With a few exceptions with additional images, such as on new year’s day.)
  • If you notice any errors – or something that looks ugly – please tell me. And I don’t mind any expressios of opinions. :)
  • Update: … and the comments now are working again (thanks for the info)… seems I tested that only in my WP2.7 beta test installation.
    :wand:

Links of the Week (2008/31)