Friday, 05 August 2005, 20:13:16 EDT

New design. How do you like it?

I started this design last Friday when I got home from work. I worked on it all day Saturday and then as much as possible during the week. When I wasn't working on this new design I was preparing for my calculus final. I rewrote the whole of the HTML and CSS from scratch. Doing so allowed me to cut out a whole lot of unnecessary markup and styles. If I may boast for a second, the way I wrote the new stylesheets is amazingly clean and the markup is almost pretty, minus the spacing as a result of the template engine. Okay, boasting over. Every page has been updated in either content, appearance (aside from the overall theme), or both including the rarely used search page! Okay, that is a lie, the archives page didn't change but that is the only page. While I was at it I even fixed the news feeds. I threw away the third party class I was using to generate them and wrote my own implementation. So, the dates are correct on the feeds now. Rejoice.

More so than ever before you need a browser that supports CSS2 very well to view this site. While Internet Explorer mostly gets it right, it leaves out quite a bit and gets just as much wrong. I extensively tested this new design with Safari, Firefox, and Opera. Opera has a small problem with the width of the view port but works well enough for the ten people that use it; seriously, Opera only hit this site sixty-four times last month. If you are using Opera and haven't ever changed the user agent string from Internet Explorer to Opera then wake up and fix it. I digress; the reason you need to use a decent browser is because the stylesheets are a good bit more complex than the old ones. I moved all of the navigation content to the bottom of the markup so that search engines can rank the pages better and textmode browsers can view the content first. What that means is all the buttons to the side, more on those in a second, the menu at the top and the archives link, along with the feeds links, load last but are positioned first, visually, on the page.

While working on the design I came across several things that Safari gets right which Firefox doesn't. For example, I really wanted to use upper case Roman numerals on the links page. Safari numbered the links correctly whereas Firefox labeled every one of them as "0" which isn't even a Roman numeral. I also wanted to put a text shadow on the menu text but Firefox doesn't even support the "text-shadow" CSS property. I don't know if it is just the poor version of Firefox for OS X, but Firefox doesn't even scroll the content window on this page smoothly. There are a few more things that I can't remember right now. Basically, Firefox turned out to be disappointing but it is still worlds better than Internet Explorer.

About the buttons, I have been wanting to add them for a long time but there wasn't anywhere in the design to add them. The number of buttons is going to grow slightly over time so you might as well learn to live with them. Actually, if you really don't want to see them then they can be turned off by adding the right code to your browser's default stylesheet. The buttons are all contained within a single element with an id named, appropriately, "buttons". If any of that makes sense to you then go for it; I won't be telling you how to do it. I could really use any revenue generated by people using the clickthru link to Bluehost and they are not very intrusive. As for Bluehost, it is a good web host and if you are looking for one then I highly recommend them — just use my link to get there when signing up :)

All of that being said, the new design is not finished. You may have noticed that the link to my picture gallery is missing. I haven't worked on that section of the site yet. I will probably get it back online within the week but it needs a lot of work. The other missing links will not be coming back; a lot of that content was out of date and I don't want to keep stale material around. Also, I haven't yet worked on the print styles yet. So, if you were regularly printing the content on this site you might want to hold off until I reimplement the print styles. I highly doubt many of you do that but at least you are aware.

Well, the Braves game is turning out rather poorly and I want to play some Guild Wars. So, enough of this. If you find anything wrong with the site let me know either in the comments or via an email and I will get it fixed. If you have Guild Wars, send a message to Semaj Srenmus and we will adventure together.

Categories:

The top lines (the date and the time) are too high are are getting cut off by the button bar up top. Any way you could shove it down a little?

Also, the "comments" link font is really tiny!

The colors are pretty good. The red text on this comment screen makes my eyes bleed though.

This set up is better than the last one. Good stuff.

Posted by Jason on Sunday, 07 August 2005, 22:23:04 EDT.

Firefox on Windows is being retarded for some reason. I don't know why it is cutting the top off with the original specifications. I pushed it down two more pixels so it should be good now.

I don't want the comments link to be very large. On every browser I have it is a decent size but I also have minimum font sizes set. If you could send me a screenshot of it so I can see just how small it is I will go from there. And the red text on the comments page needs to be red. If it isn't, people won't pay attention to it.

I am pleased with the design; I'm glad you like the colors a little better than you initially did :)

Posted by James Sumners on Monday, 08 August 2005, 8:01:25 EDT.

It is still cutting the top line off on firefox for IE, but it looks really good other than that. I know you say you need the red text at the bottom. but it really doesn't stand out. It is actually very hard for me to read because the colors do not contrast well enough. Also, for some reason there is not cursor in the text boxes and area. Could just be Firefox for Windows though.

Posted by John on Monday, 08 August 2005, 8:22:20 EDT.

Aside from the comments option being at the top, I think it functions very well. That said, everything looks really nice, and I'll try it in a few random browsers for you, on my end. That, and so I can fuck with your statistics for the month. :_)

Good work, bro.

Posted by Wolven on Monday, 08 August 2005, 8:29:58 EDT.