Theme implemented | KriLL3’s blog

Theme implemented

I think it’s all done, let me know if you spot something out of place.

I’ve switched the site from lightbox to thickbox, it’s almost the same but looks a whole lot better, simply click any thumbnail with a colored outline to see a larger version.

The font-size is defined with a font-size: 85% in the body and em’s in the divs which adapts very well to different DPI settings, the old style which used px didn’t scale as much, it looked fine on a multitude of screens/devices but when I tried it on my dad’s 17” 1920×1600 laptop (horribly high dpi, wrecks most sites) the text was too small to read, now it expands accordingly, all text margins are em based also making them expand with the content.

The result is a fluid size of the content, but a fixed sized header and navigation which to my mind is the best compromise, the header and navigation could be made to scale with the rest of the content but that would require them to be text, and I want to use the font the navigation uses currently “mirconN55″ which wouldn’t be possible in non image form short of making every visitor download the font, which wouldn’t be very practical…

The site now uses some custom PHP and JavaScript to make the header image and navigation update when you browse the site, a trivial thing if each page was it’s own (x)html file but I’m using Wordpress as a content manager and it lacks that feature without some modification. I’ve experimented with the thought of making the navigation links inactive if you’re on that page but I figured it would be better keep their functionality to bring you back to the main page of that section of the site, also I considered for a while to make the text of the the navigation bar change color the same way the border above does but decided not to, it’s clear enough already and you need to know when to stop adding features and effects, less is more.

I’m quite pleased with the new theme, it’s a bit brighter than the old one and looks a whole lot more refined.

I’ll add a mobile and a print style in the coming days, the site already looks and works really nicely in opera mini and on the iPhone/iTouch but I doubt an ordinary cellphone browser appreciates the design currently.

Updated the permalink structure, thanks addis0n.

test

There are no comments on this post

Leave a Reply