So I spent some time tweaking the appearance of my blog. I seem to have a penchant for designing busy-looking websites. (Just because I can do a thing means I must do a thing, apparently.) So I streamlined the appearance and changed how I handle transparency by using smaller images.
- I added more text shadows to the site title and tag line to make them stand out more.
- I took out a lot of the rounded corners. I like them, because they were a bit more organic, but it just made things messy.
- I changed the sidebar so that the widget there appear in one continuous strip.
- Instead of busy background images for post titles, I changed them to a light background with a double border on top and a single border on the bottom.
- I used the same appearance for widget titles
- and on the homepage panes
- and on the footer. I also added back the graphic for valid code, because I like it and have something like it on my main site.
- I did something similar with the top and bottom of the comment form. You can see it here: http://blog.kjodle.net/2012/05/31/you-know-youve-done-this/
- I changed to a much smaller background image. While I loved the underwater stones that I had, I could never really shrink it to less than 250kb without a loss in image quality. My new background image is 0.6kb. I’ll miss the stones, but I think a faster page loading time is more important.
- I am using Prasanna’s plugin for the “WordPress Tutorials”, “WordPress Plugin Tutorials”, and “Graphene Tutorials” in the sidebar.
- The “Web Construction and Design” links and the “WordPress Plugins” are just link categories using the standard WP links widget. But I am also including them on a separate page: http://blog.kjodle.net/computer-tutorials/web-construction-and-design-links/ along with their descriptions. I have tons of things bookmarked, so I thought it would be nice to have them out there where other people can find them as well.
I am also using the Graphene Twitter widget, along with Josh’s Ultimate TinyMCE plugin.
I’m not entirely happy with the appearance of the homepage panes, because there is a lot of white space in there. But it was the only way to make them all the same size and accommodate for longer titles and excerpts. (For the life of me, I can’t figure out how to get my custom
<div>s to show up in an excerpt. Oh, well. Can’t have everything.)
I know I’ve still some other things to fix, and tons more links to add. Any comments or suggestions? If you remember what it looked like before, do you like the new appearance better?
AnonymousJuly 10, 2012 at 9:51 am #30422
Nice modifications. Your site loads faster now. I’m also thinking about removing all rounded corners and box shadows around most of the divs in my site.Quote:Any comments or suggestions?
Minify JS and CSS. Set expires header for static images and CSS.
- You must be logged in to reply to this topic.