Lightroom-Blog.Com

Tuesday, December 19, 2006

Cleanup.

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 :)

Labels:

posted by SeanMcC at 7:49 AM

15 Comments:

  • 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

    By Blogger Randy, At 2:34 PM  

  • 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?

    By Blogger SeanMcC, At 2:44 PM  

  • I've tried it on Safari, Firefox and Opera and it looks fine..

    By Blogger SeanMcC, At 2:46 PM  

  • Same here - Firefox 2 on Windows, and IE6 on Windows

    By Blogger John, At 3:32 PM  

  • Sorry Sean, should have said "same problem"

    By Blogger John, At 3:33 PM  

  • 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

    By Blogger John Zeman, At 4:17 PM  

  • 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.

    By Blogger SeanMcC, At 5:37 PM  

  • 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...

    By Blogger SeanMcC, At 5:44 PM  

  • 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. :)

    By Blogger John Zeman, At 8:46 PM  

  • 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.

    By Blogger SeanMcC, At 1:00 AM  

  • It is definitely easier to read now (I use safari on an LCD monitor that I have calibrated...).

    Randy

    By Blogger Randy, At 4:06 PM  

  • Much better here too now Sean.

    By Blogger John Zeman, At 4:26 PM  

  • The menu on the right side gets "pushed" down below other content on both my PC's (IE6, resolution 1440x900/1600x1050).
    Looks strange :-)

    Søren, Denmark

    By Anonymous Anonymous, At 3:31 PM  

  • Update:
    This page: http://www.seanmcfoto.com/lightroom/
    looks a bit strange as previously described, whereas:
    http://seanmcfoto.com/lightroom/2006/12/cleanup.html
    seems to work OK

    Søren, Denmark

    By Anonymous Anonymous, At 3:43 PM  

  • I haven't modified the layout, just the colours, The same template does both main and archive pages, so they should be identical.

    By Blogger SeanMcC, At 4:16 AM  

Post a Comment



<< Home