Grow your CSS skills. Land your dream job.

Just finished a new site!

  • # April 1, 2008 at 3:58 pm

    Hi all,
    Just finished a site for my mate James. Went up today! I’ve only been doing coding and web design for about a year and it’s more of a hobby really although i totally love it ( I’ve become a bit obsessed! ). Be interesting to get some feedback. overflow-y cracks the validation on the CSS but i can live with that. Using Mootools for JS and AS3 for the MP3 player. Photoshop for the graphics. First attempt using Coda which really enjoyed. It even works in IE6!!

    As you can imagine I’m a big fan of CSS-tricks and have learned loads from this site. I used the sprites tutorial for the nav bar. Love those screencasts!

    Hope you like it. http://www.jameshayto.com

    Tob (UK)

    # April 1, 2008 at 4:14 pm

    It’s cool, seriously.
    It’s simple and yet attractive. I like basic layout that don’t try to add stuff to impress the visitor. The only thing I am wondering is why you are using javascript to do your mailto ?

    o-d
    # April 1, 2008 at 6:02 pm
    "Hawke" wrote:
    It’s cool, seriously.
    It’s simple and yet attractive. I like basic layout that don’t try to add stuff to impress the visitor. The only thing I am wondering is why you are using javascript to do your mailto ?

    i think he wanted to protect his mail from spam mail collectors

    # April 1, 2008 at 7:37 pm

    Hi Hawke,
    That was the idea. It’s a simple script that encrypts your mailto’s. Stops those pesky spam crawlers. You can get it here http://jumk.de/nospam/stopspam.html. The only drawback is people who don’t have Javascript turned on can’t use it but i don’t think he’ll get many of them. Thanks for the feedback.

    Tob

    # April 1, 2008 at 8:41 pm

    Very very nice Tob. I dig it. I really like how consistent the design stays between the pages. The navigation is beautiful. I really like how you overlayed some sidebar stuff on top of the image in the blog section. That really switches things up and makes for a cool use of that space.

    # April 1, 2008 at 11:42 pm
    Quote:
    Hi Hawke,
    That was the idea. It’s a simple script that encrypts your mailto’s. Stops those pesky spam crawlers. You can get it here http://jumk.de/nospam/stopspam.html. The only drawback is people who don’t have Javascript turned on can’t use it but i don’t think he’ll get many of them. Thanks for the feedback.

    Tob

    Ohhh… nifty ! Thanks for the tip, I’ll be sure to check it out :D

    # April 2, 2008 at 7:21 am

    Cheers Chris!

    Regarding the sidebar, i just created a semi-transparent layer over the left hand background image in Photoshop. It was placed in relation to the co-ordinates of the WordPress side bar. Left 100px, Top 150px.

    Made a slice long enough to cover it till it fades to the white background and used that for the WordPress side bar background image. The cool thing is the transparent effect expands as the sidebar contents grows.

    The whole concept was to avoid any PNG hacks. Plus ‘opacity’ was out cause it would have faded the text too. Same applied the the RSS button.

    Bit of an experiment but it worked out quite nicely!

    Tob

    # April 3, 2008 at 9:27 pm

    LOVE IT!!!!

    One of the best musician websites I HAVE EVER SEEN!!!!

    # July 23, 2009 at 5:39 am

    Wow this is a really nice site- I love the way the main image doesn’t move when navigating between pages. Well done!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".