Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Me again. Another one for both testing and judging.

    http://offtone.com/clients/churchfocus/index.php

    I think it's rather sexy in FF, IE6, and Opera (latest).

    What about you crazy mac users? Anything scary in your browsers?

    A couple things I'm quite proud of:
    1. The cool tab menu (uses PNGs for moz, but IE's gifs don't look too bad)
    2. It works in all my browsers. Heh.
    3. First CSS client site.

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Sheffield, UK
    Posts
    552
    Thanks
    0
    Thanked 0 Times in 0 Posts
    aren't you proud of how the headers increase size with font-sizing around a fixed point? :P

    And aside from the minor probs i pointed out in IE5.5w + IE5w with centering and box model on the calendar, it seems ok in everything i have.
    "To be successful in IT you don't need to know everything - just where to find it in under 30 seconds"

    (Me Me Me Me Me Me Me Me Me)

  • #3
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah, and those bugs've been fixed.

    And yes, the font resizing capabilities are definately a goodness. Considering the demographic of this site, it was a must.

    Did you try it in Safari?

  • #4
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Running Win2k, 800x600 and 1024x768 res, viewed in Firefox0.8 and Opera7

    The page looks pretty darn nice in Firefox. Nicely done! I particularly like the soft checkerboard background to add interest to the otherwise blank left and right borders surrounding the page contents.

    Small points:

    Not convinced about the white borders at the edges of the boxtops. Either continue that white border on the background for the boxcontents or get rid of the white border entirely.

    What is the significance of the golden horizontal line beside "History"?

    Large point:
    Bad news: in Opera7 the "forum", "search", "about", "home" tabs are sitting lined up vertically on the left - superimposed over the letters "Chur" in Church Site.

  • #5
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I've got Opera 7.54 and while the menu's a little too far left, it's still properly rendered...

    Not sure I want to worry about old opera browsers. I'd imagine people who don't use IE are the type to keep their browsers updated.

    I'll look into fixing it in my version of Opera and hope that yours fixes itself too

  • #6
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Can someone with a resolution greater than 1024 width look at the site? I think his bg might be wierd then...

    Also, is it even sensible to code for bigger than 1024? Who has that site with all the stats on "who uses what res, os, etc"?

    Site looks...oh whats the term I'm thinking of...oh ya, FREAKING RAD! Nice job!

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #7
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Very nice. It's a very sleek design. My only suggestion has to do with the 'Navigation' section.

    I scanned the site multiple times on different occasions and didn't realize the section contained links. You mentioned your demographic in reference to font sizing, and I believe this could be a concern here as well.

    I've read the opinion, and tend to agree, that it's beneficial to give some visual indication of hyperlinks besides only the hover state. Especially if your site is targetd toward a broad audience that may not be so tech savvy.

    On another note, as with offtone.com, I'm getting a flickering effect when hovering over the header image. I'm testing with IE6 on a system running XP.

    For the record, I get the same effect with other sites using similar (negative margin) image replacement methods. It's a minor concern for an otherwise outstanding site, but its pretty distracting from a visitor point of view.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #8
    Regular Coder
    Join Date
    Jun 2002
    Location
    Sheffield, UK
    Posts
    552
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ben@WEBProp
    Can someone with a resolution greater than 1024 width look at the site? I think his bg might be wierd then...
    I'm guessing you didnt actually try opening the background image on it's own then?
    Aaron actually uses a 1600x1200 res maximised, always complains my sites look empty lol. So yeah, it scales up pretty well.

    As for the IE6 prob on offtone, never thought it might be his image replacement method - I'll try and talk him into using my way
    "To be successful in IT you don't need to know everything - just where to find it in under 30 seconds"

    (Me Me Me Me Me Me Me Me Me)

  • #9
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Curse my awesome system... I don't get any flashing and I'd imagine it's prolly to do with my sys specs.

    And are you suggesting I put underlines under the links in the top floater? I had it like that and was playing with it a bit and settled on no underline. I'd likely have added them back in when I got the site stuffed with its content. Will switch them back on.

    Do you get flickering on zeldman.com's header? Uses the same method.

  • #10
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yep, Zeldman gives me the same effect. I'm on my work system at the moment and don't recall, but I don't believe my home system (IE6 on ME) has this problem. I'll follow-up on this later...

    As for the links, I was referring to the section labeled navigation. I think anything that helps to visually differentiate the nav text from your normal text would help.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #11
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by AaronW
    What about you crazy mac users?
    Since when were Brady, David, Jason, Geoffrey... all crazy? And since when were you allowed to offened us for chosing a stable OS?

  • #12
    Regular Coder
    Join Date
    Jun 2002
    Location
    Sheffield, UK
    Posts
    552
    Thanks
    0
    Thanked 0 Times in 0 Posts
    PHP Code:
    $sentence "you crazy cats";
    if(
    $tone=='jovial') {
    $sentence str_ireplace('cats','mac users',$sentence);

    translation: it's a goddamn phrase - he wasnt trying to insult mac users lol
    "To be successful in IT you don't need to know everything - just where to find it in under 30 seconds"

    (Me Me Me Me Me Me Me Me Me)

  • #13
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    To follow-up on the flicker in IE6, it doesn't happen on my home system running ME, but does on my work system running XP.

    Strange. I also get the progress cursor (on my work system) for a split second when hovering over the navigation tabs at the top of the page.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •