Typo theme contest entry

Well, what can I say. I managed to submit my theme just in time (in it’s current state) however it’s far from finished :( …too much work, not enough play.

Theme is tested in Safari, Firefox and IE6 Win (currently a small issue with IE5.5).

h3. Main features

* Safari search field (and a mimicked version for other browsers).
* A little calendar icon next to each post.
* Lightweight design i.e. divs and images kept to a minimum (although there are few extra divs for fluid).
* Fixed and Fluid designs (a couple of people beat me to it on this one).
* Ruby red colour scheme to depict Typo’s origins.

I had a shed load of features that should have made it into the entry, just didn’t leave myself enough time.

I also had bleached and mint versions of the same theme in the pipeline which looked 100 times better however I ran out of time. These obviously won’t make it into the comp however if anyone is interested, let me know.

h3. What have I leaned from this?

Rounded corners ==+== fluid layout ==+== hatching + vertical gradient= absolute nightmare!! Why? …two words “Internet Explorer”.

I generally don’t like using extra markup for layout however it is necessary for fluid + rounded corner layouts. That I can like with, it’s the fact that 80% of the time spent on this theme was used on workarounds for IE and it’s lack of proper transparent png support.

Published by


Hi, I am the Managing Director of SonicIQ Limited in the UK. I have been working in the web development industry since 1999 and have been running SonicIQ since 2001. Currently Ruby On Rails is my preferred development platform. I am experienced in designing with web standards, HTML5, CSS3 and Javascript.

12 thoughts on “Typo theme contest entry”

  1. Thanks for the comments. I wasn’t actually expecting any positive feedback as I cobbled together a make-shift navbar in the final minutes.

    I’ll look into the transparent PNG links.

  2. bq. colour variations

    Personally, I’ve always had a fondness for grayscale themes with colored links. ;)

    I also like the mint theme ala haveamint.com
    Dark greys and dusty greens, tiny touches of pale yellow occasionally and a point of blue.

  3. lucid theme is definitely one of my favorites too. are we the only ones that went for an apple-like search? i see you suffered through the liquid-layout too. and ran out of time – check out the header of my submission mail to the contest:
    <em>November 28, 2005 11:59:29 PM GMT-06:00</em>

    actually our themes are pretty similar – maybe if you would like lucid in blue check out <a href=”http://www.travelatlas.org/wired.zip” rel=”nofollow”>wired</a>?

    i’m not posting here to push my theme really. i think we probably have similar tastes in code & design. so, of course your theme gets my vote :)

    good work! -aeron

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>