EatAroundOKC.com launches new design
Over the past four months, I’ve been scrounging whatever free time I could muster up to work on a new design for EatAroundOKC.com, my Oklahoma City Restaurants blog. I finally got it launched last Sunday and that is a big relief. Please check it out.
My main objective in the new design was to enlarge it to fit a 1024 width screen. The previous design was locked for 800 width and, of course, in the past two years the move toward larger monitors has been great. My stats show that now over 90% of visitors to the site are using 1024 or above. I figured it was time to move on up.
The wider width accommodates a three column layout, allowing me to put the category navigation on the left and freeing up space in the right-hand sidebar for some more interesting features including a list of the highest rated and most popular posts on the site.
My favorite feature of the new design is the font style. The body font is 15px Georgia, a bit larger-than-life but I love it. The headlines are even more oversized. I think this gives the site a very readable and even newspaper-like quality.
Though the new design is really nothing amazing to look at (my design skills are mediocre at best), I am proud of the code behind the design. The CSS was rewritten in its entirety, starting with a blank page, and every line of the markup was scoured to remove anything unnecessary. The original design was the first CSS design I’d ever written, so there was a lot of waste. The new design makes better use of the cascade and the code is a lot leaner. It’s truly a pleasure to look at so please, go ahead and enjoy a peak at the code.
Anyway, I am glad to finally get the new design launched. Aside from some server issues, everything has gone very smoothly. Please take a look and let me know what you think. And please read along and comment on EatAroundOKC as well.