More Site Tweaks

I’ve made some changes to the Comments layout on each individual entry page (you may need to refresh the page, reload the style sheets, or clear your browser cache if you can’t see the changes).

Now the Post details for each comment are listed above the comment, which makes much more sense, and I’ve also added an icon to each comment, adding to the branding of the site. The icon is placed as a background image with CSS, rather than cluttering up the page with tons of <img> tags.

The entire comment area (save the comment form) is now set apart from the rest of the page with a light background color and border, and some padding.

Comments

7 responses to “More Site Tweaks”

  1. Sunny Avatar

    I had to check one of your earlier post with comments to notice the changes. Pretty cool.

    On a side note, I was wondering what do use to power your ‘Contact’ section?

    Keep up the good work!

  2. Dan Rubin Avatar
    Dan Rubin

    Hi Sunny (I like the way your site is coming together BTW),

    I use a nice little PHP script called DynaForm (http://www.webligo.com/products_dyna.html) — it’s very efficient, easy to configure, and secure.

    The latest version allows for field verification, which I’m about to implement (the JavaScript verification is good, but doesn’t work for folks who’ve turned off JavaScript, so it’s not quite as high up on the usability scale).

  3. Sunny Avatar

    Thanks Dan! The work is still in progress but I will start posting soon. I owe you immensely for the inspiration.

    I will put DynaForm to a spin and see what happens. You are always here to guide us (within reason, of course) wayward newbies.

  4. afrael Avatar

    Nice Job =)

  5. Jeremy Avatar

    Site is looking great Dan.

    I have been visiting daily since i saw your site on Zeldman the first time.

    I am also starting to get into Standards and all CSS/XHTML layouts.

    I am currently converting my son’s site from table based to CSS:

    http://baby.jeremyflint.com (table based)

    http://baby.jeremyflint.com/baby/index-css.html (CSS based)

    Keep on keepin on.

  6. Dave S. Avatar

    Two usability points:

    The comment box at the bottom uses a miniscule default font (8px georgia?) in Firebird/XP. CTRL + ‘+’ takes care of it, but thought I’d bring it up.

    The spacing between each comment confuses me. The last paragraph of one comment only has a single-paragraph space between it and the next comment header, and my eye tends to assume the divider line is the separator, not the space. So I read afrael thanking you for the inspiration, not Sunny.

  7. Dan Avatar

    Dave:

    I hate getting caught at things I’ve already noticed myself :-)

    Thanks for pointing out the font-size issue in Firebird; I had not yet tested Firebird/XP on the changes (I should just leave these things for the weekend, instead of doing bits and peices during the work day). I’m looking into it now.

    As for the spacing, I’m in the middle of trying some different things, but I do know it is an issue, and it will be solved by tonight.