I’ve given the blog template a bit of an early Spring clean and used the newer functions of Blogger to add labels to the posts to help navigate.
Update: Randy in comments sees a brownish red against black for the titles. I’ve the content section set for a dark read titles against grey. I took the colours from the Monochromatic custom colours in Kuler. It all looks fine to me on Safari, Firefox and Opera. It may be possible that Randy is seeing a cached version of the site. Is anyone else seeing this? Here’s what I’m seeing:
Update #2 As my intention was to have the titles mirror the word Blog in the Site Logo, I decided that rather than darken the text I’d go back and darken the content area instead. The red text was unnerving to me against the grey. I like the blog red (Cayenne) and am happy to use John’s suggested rendering. Hopefully it looks okay against the dark grey (rather than the lighter grey) now. Vote in the comments below 🙂
15 thoughts on “Cleanup.”
Leave a Reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
I haven’t modified the layout, just the colours, The same template does both main and archive pages, so they should be identical.
Update:
This page: http://www.seanmcfoto.com/lrb/
looks a bit strange as previously described, whereas:
http://seanmcfoto.com/lrb/2006/12/cleanup.html
seems to work OK
Søren, Denmark
The menu on the right side gets “pushed” down below other content on both my PC’s (IE6, resolution 1440×900/1600×1050).
Looks strange 🙂
Søren, Denmark
Much better here too now Sean.
It is definitely easier to read now (I use safari on an LCD monitor that I have calibrated…).
Randy
No John, I don’t take it as criticism, I did ask. My original intention was to use the same shade as the word Blog, but it looks terrible against the gray. It does look fine against the black. I guess I’m just going to have to find a compromise colour that keeps the same contrast between it and the gray as the Blog red on black.
I see you’ve made some changes Sean. It’s better now but the titles are still very dark. Curiously enough when I viewed the page on my laptop awhile ago they were more readable than they are here at home on my fairly new machine with its 21″ LCD monitor.
FWIW, last time I wasn’t referring to the content dark gray background color, only the H3 header element foreground color of your titles e.g.
Cleanup
Podcast 24: Mark Hambug, Zalman Stern and Thomas Knoll
Photoshop CS3 Public beta released.
And so on.
The foreground colors of those words are the colors I’m referring to, and I assume what the others are referring to. Just looking at the page now, if you set your foreground title color closer to the color of the word “blog” in your lblogo.jpg image at the top of the page, the titles would be more readable on this machine anyway. A sample of that color reveals it’s approximately #8F160B in hex.
I hope you don’t take all this as criticism as I’m only trying to help you make your page more readable. I very much enjoy reading your blogs, you’ve got some good stuff here. 🙂
I should also mention that I had be trying #a22 which is very close to the colour you’ve suggested but it looks bad against the Gray…
That’s not the Issue John. The content section is supposed to be Gray not Black. I’ll try the full hex value for this instead.
Using Firefox 1.5.08 I see the same nearly impossible to see titles too Sean. The problem appears to be in this section of your page source code:
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
line-height:1.4em;
color:#330e0e;
}
The hex color value of #330e0e is an almost black color. If you lightened (changed the hex value) to #AB2C2C it should become more of a burnt red color.
John
Sorry Sean, should have said “same problem”
Same here – Firefox 2 on Windows, and IE6 on Windows
I’ve tried it on Safari, Firefox and Opera and it looks fine..
They’re dark red on a gray background to me Randy, which is what I’ve set up in the CSS. What browser are you on?
The titles (seem brownish red on a black background) are pretty hard to read. They may need some “dusting” (lightening up) as part of your spring cleaning.
[Love the video lessons btw…]
Randy