Well, I recently did a few CSS/XHTML based sites for myself, and I really think I’ve learned a lot here on CSS-Tricks. The site I’m going to show you guys was done based off of a PhotoShop mockup that I did (and it looks nearly identical to the mockup), along with a concept that I was working on at an earlier time.
The site is located at http://www.boredwrestlingfan.com. Nevermind the ad on the side of the page, I have an idea of what I want to put around that but haven’t gotten around to it yet. One cool thing I did with this is that for each category, the rope in the background of the post titles is different. Let me know what you guys think of the design, and feel free to offer any ideas or suggestions you might have.
I think that white-on-black text with such a tight line-spacing is a little tough to read. Contrast is always good of course, but it’s so strong I’d maybe consider spacing out the lines a little bit. Same in the sidebar, a little breathing room between the different sections (pages, categories, etc) might be nice.
Thank you Chris. I was thinking it was a bit hard to read myself, but wasn’t sure exactly what I wanted to do, so thank you for the advice. I used a line height of 1.4 and changed the font to Verdana because I felt the serifs were also hindering the reading experience. I also took your advice and separated the sections in the sidebar, which looks a lot better, so thank you for that suggestion as well. I’ve learned a lot here on CSS-Tricks, and hope I’ll continue to learn more. Keep up the good work, Chris!