« 2008: The Year in Review
There is an elephant in the way »

Happy new stuff

Thu Jan 01, 2009 16:02 (UTC -5)

Happy new year. It’s the last year of the 2000s or whatever we’re calling them. Notice anything different? That’s right: The World of Stuff has a new look.

First of all, if the layout looks like a garbled mess, press F5 to force a reload of everything. That should work in most browsers.

Now, you may be asking why I made this change, the fourth major update to the design of the site. The previous layout was introduced three years ago, on January 1, 2006. Back then, I said,

Bearing in mind some of the feedback I’ve gotten and some observations I’ve made, I’m going to record a general overview (for the me of the future and the you of today) on what to expect in TWoS 4.0: it’ll have the fun feel of TWoS 2.0 and the navigation design of TWoS 3.0 combined with the web standards adherence and universal accessibility of TWoS 5.0.

And that is what you see here today. Certain aspects of this design, such as the color scheme, are taken from the second layout (screenshot), which was in turn based on the first layout (tiny screenshots here). One of the things people missed the most from TWoS 2.0 was the random slogan displayed on each page. So I always intended to bring them back in the fourth layout, and here they are. I have most of the same ones to start with, but I would add new ones and remove old ones regularly.

Now. Why the change? Frankly, it’s long overdue. The first layout lasted a year and a half; the second was around for not much more than a year. The third layout persisted for a whole three years. In that time, computers and the Internet have changed. The third layout was fluid to accommodate small (less than 1024×768) resolutions. I realized that things wouldn’t look so great on bigger resolutions, but I thought it wouldn’t matter. I didn’t expect that wide screen resolutions would become the standard in only a few years. This layout is fixed-width to keep pages from being unreadably wide.

I also want to put this site on par with more popular blogs. This new design is modern and shiny, but you can see that it still has my own special “what-was-he-thinking-and-does-he-really-know-what-he’s-doing” touch. And because the design is so Web 2.0, I’ll say that this layout is in “beta.” Not because it’s not tested (oh, trust me, it’s tested) but because it’s open to suggestions for improvement. Think something needs to be placed somewhere else, or maybe some style doesn’t look quite right? Bring it to my attention, and I’ll weigh in on it.

One exception: the navigation bar is not open to criticism. You do not know how long it took me to test that thing. I do not know how long it took me to test that thing. But it was somewhere on the order of days. Days and days and days. In fact, I spent a ridiculous amount of time making sure everything looked perfect or at least pretty reasonable in every browser and on every OS that people are likely to use. You don’t know frustration until you’ve designed for Internet Explorer. (At this juncture, I would also like to give CrossBrowserTesting.com another plug. I should buy those guys a pizza.)

Since people lamented the loss of the random slogans last time, I suspect that some people will lament the loss of the photos this time. The photos had a good run, though. It’s the slogans’ turn to come back, and they’re always different. If you don’t like the new layout or if you find it hard to get used to, don’t worry. You will like it or get used to it soon enough.

Besides updating the design of the site, I’ve also tried to make it easier for you to follow along with the blog. For those of you who use a feed reader, your browser will now discover relevant feeds if you’re viewing an individual post or a category listing. If you don’t use a feed reader, I recommend signing up for e-mail updates. That way you’ll be notified instantly when there’s a new post! You can sign up under the “Subscribe” section on the sidebar. And of course, your e-mail address is safe with me.

So I guess that’s all I wanted to say. I hope you enjoy the new layout as much as I do, and I hope you’re having a great new year.


12 comments

#1 by Kirsten: Thu Jan 01, 2009 17:10 (UTC -5)

Happy New Year! I’m not sure about the new layout since I really liked the old one, but as you said, I’ll get used to it.

#2 by Luke: Thu Jan 01, 2009 19:04 (UTC -5)

This is a radical change! Very happy to see the slogans back. The yellow and green still says TWoS to me, but the blue has been replaced by that other color in the yellow/brown spectrum for most of your blag’s life! What if you made the background stripes that color and kept the green? Old and new both. Good work altogether. I assume you made your header image in the GIMP? Is there a new favicon that I have to refresh again to see or did you omit that?

#3 by kevin: Thu Jan 01, 2009 19:08 (UTC -5)

Happy New Year! I really, really liked the old layout, but this one’s nice too and I will get used to it. Congrats on navigation bar haha!

#4 by kristen: Thu Jan 01, 2009 21:42 (UTC -5)

nice homestar runner reference for one of the random slogans. do you think we could propose some random slogans of our own and you could – how you say – “weigh in” on those too?

#5 by Jordon Kalilich: Thu Jan 01, 2009 22:43 (UTC -5)

The blue and green are classic TWoS; I always saw the light yellowish-orangeish-brown background as a temporary departure from that. I think these colors go better together than the last color scheme, and I put a lot of subtle touches into this layout to make it look professional. Hopefully you all will get used to it that much sooner.

The graphics were made in the GIMP, but notable exceptions are the stripes and the “beta?” badge, which I’ll get rid of eventually. I’m giving away my secrets! Also, if your browser isn’t loading the new, matching favicon, you can view it manually here.

As for the slogans, I enjoy coming up with them, and I don’t think I’d accept any suggestions unless they were extremely awesome. Consider that a challenge?

#6 by Peter: Fri Jan 02, 2009 13:34 (UTC -5)

I don’t know why, but your CSS is not fully rendering.

#7 by Jordon Kalilich: Fri Jan 02, 2009 21:59 (UTC -5)

Try reloading the stylesheet. The first line should read “LAYOUT STYLES.”

#8 by Peter: Sat Jan 03, 2009 12:27 (UTC -5)

Fixed, thanks.

#9 by Andrea: Sat Jan 03, 2009 23:10 (UTC -5)

awww- I liked the pictures!
Also, I’ve yet to decide if the stripey background is killing my eyes or not. I’m leaning towards yes. :D

#10 by Jordon Kalilich: Sat Jan 03, 2009 23:16 (UTC -5)

I got tired of updating the pictures, and I’ve taken so few photos lately that I’d eventually have run out of remotely new ones. You’ll like the slogans, though. They’re funny.

If the general consensus is that the stripes are causing retinal bleeding, I’ll make them more subtle.

#11 by Keith: Sun Jan 11, 2009 17:12 (UTC -5)

Yeah, I noticed the different design than the last time I was here. I love your header, with the light green and yellow and the reflection of the letters: it looks really nice.

#12 by Jordon Kalilich: Sun Jan 11, 2009 18:32 (UTC -5)

Thanks, Keith. Shiny is all the rage these days, and with good reason. It just looks classy.

Leave a Comment

Feel free to join in on the discussion of this post. Keep the following in mind:

  • Don't include links to your commercial web site, or your comment will be summarily deleted. Advertising is not allowed here, so don't waste your time.
  • You can enter your e-mail address if you'd like me to contact you via e-mail. It is never disclosed to anyone else.
  • You can use the following HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . (Your line breaks will be converted automatically.)
  • Comments will generally be visible immediately. However, if your comment contains spam-like keywords or an unusual number of links, it will be subject to approval before appearing.


Follow the Discussion

Web feed icon Subscribe to the comment feed for this post.

« 2008: The Year in Review
There is an elephant in the way »

Get E-mail Updates

Sub­scribe now, get an e-mail for every new post. No spam, I pro­mise.

Recently on Twit­ter

“It's a beau­ti­ful day, and Kate is here!” (3 days ago)

Fol­low @the­world­of­stuff

RSS

Sub­scribe in your favor­ite reader.

Blog­roll

Stan­dards Com­pli­ance

This page con­sists of valid XHTML + RDFa with valid CSS 3.