Skinnable Skidoo

To prove that redux is very skinnable I plan on producing themes for it. From time to time you might check back and find I’ve put another up. At least that’s the intention… I may very well ignore redux and move on.

But I’ve already produced one new theme: Future.

It was initially inspired by a moment I had where I perceived the future of web design as being nothing but soft pastels and other light colors. I think the color scheme is a bit too soft, but so be it. It has a few key features that I like about the layout so I’m leaving it. The first is the masthead being a solid color that goes right up against the top of the viewport. No margins here! And I think the perception of using negative space to form the title for the page is a great compliment to the marginless top.

Would you call that negative space? Or is the blue the negative space? I’ll let the art critics figure that out.

The layout has a max-width applied to it, but will shrink down to a minimum of 600 pixels wide. It’s both fluid and dynamic. If anything I think that’s a trait you’ll see a lot in future web pages. It bridges both the fixed-width and fluid paradigms. And with IE7 finally supporting the max/min-width properties, it’ll be much more accepted practice.

Now on a bright monitor like an LCD or a Mac you might not notice it but the side margins (if your resolution is less than 1024×768 you won’t see this) are a slightly darker-than-white color. This then reveals that the middle column goes all the way to the bottom regardless of how tall the content of the column is. This is a trick stolen from Tank!. I like it.

I tried to get away from placing borders and lines around every single element. That’s one of my habits and I wanted to get away from it a little bit. Somewhat successful I think.

And one last bit, something I did by accident, look at the menus. Each menu item has a white border inside the darker color outer border. I think it makes them stand out just a little bit more, but isn’t so obvious as to disrupt your eyes moving across the page.

Now obviously this theme is broken in one very key area: color. They’re too soft, too washed out. You would never use this color scheme because users with contrast problems would have great difficulty using the page. Furthermore, I think it starts to annoy your eyes after about 20 seconds. So were you to use this theme I’d say darken the colors up a bit, maybe stick left and right borders on #page-wrapper that are darker than the background color of the body element and maybe 5 pixels wide or so. And maybe add another 50 pixels of padding to the top of the masthead. I can’t get enough empty space!

Advertisements

3 thoughts on “Skinnable Skidoo

  1. See, I was right, already you’re improving!

    Would you be prepared to entertain themes from Skidoo users, or variations on Skidoo? T-P.

  2. Hello again =)

    I’ve made a simple fix for IE =))
    Yes I mean rMenu works with IE6 and lower now, without any hacks or JavaScript, just CSS!!

    I included my real mail this time. so contact me if you want.

    <style-
    a li ul { display: none; }
    a:hover li ul { display: block; }
    </style-
    <ul-
    <a href=”#”-
    <li-Menu Item
    <ul-
    <li-sub-menu Item</li-
    <li-sub-menu Item</li-
    <li-sub-menu Item</li-
    </ul-
    </li-
    </a-
    <li-Menu Item</li-
    <li-Menu Item</li-
    </ul-

  3. Why not open a gallery, where people could show their skidoo * based layouts and pages?
    Would be cool to see, what other people produced so far.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s