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 12 of 12
  1. #1
    New Coder
    Join Date
    Aug 2008
    Posts
    34
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Question Please critique my personal homepage ! :)

    http://siddharth.pendharkar.co.in

    I made this page as a design exercise and have included a few pieces of my design portfolio on it. It is by no means comprehensive of all the work I've done, but I did play with a few javascript libraries and the finished product looks good for the amount of time i spent on it (two and half days).

    Please take a look and tell me what you think.

    PS. For those that are wondering why my blog is currently empty...i'm working on a custom skin and it's not ready yet.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    not bad for 2 1/2 days.
    I like the graphics - did you do those yourself in the same 2 1/2 days?

    the design is different from the normal. I like it but think the main text should be anything but Times New Roman. It really doesn;t fit I think.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    New Coder
    Join Date
    Aug 2008
    Posts
    34
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Most of the graphics are custom made. A few are royalty free graphics / photos that I have accumalated over the years ago and are part of my web development library (eg, the butterfly). What I didn't make in PS I have bought and modified to suit the design.

    Regarding the font, I was severly limited because i didn't want to go for image-replacement and the only font that would look authentic would have been one that mimics handwritting. I tried all the generic fonts available and Georgia looked the best...I have Times new Roman as the second option because in my opinion Times looks a little too formal for something that was meant to be part of a whimsical (slight surrel) design theme.

  • #4
    Regular Coder
    Join Date
    Sep 2007
    Location
    AZ, USA
    Posts
    685
    Thanks
    6
    Thanked 46 Times in 46 Posts
    Design:
    - Very nice job, especially for only 2.5 days!
    - I might make the line spacing a tad smaller
    - I love the footer, very tasteful

    Content:
    - The links "my bio", etc, IMO should be at the top. Users shouldn't have to scroll to the bottom to find links to other main content pages.

    Technical:
    - One CSS error
    - It validates! Yay!

    Very nice site. Good job!!

  • #5
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    hi,

    font must be font-family, error in css:

    http://jigsaw.w3.org/css-validator/v...arkar.co.in%2F

    you can optimise loading speed:

    http://www.websiteoptimization.com/s...dharkar.co.in/

    at least images/sp-R*.jpg can be smaller

    I like it,

    regards

  • #6
    Regular Coder
    Join Date
    Nov 2004
    Location
    near the only active volcano in the continental US
    Posts
    409
    Thanks
    6
    Thanked 2 Times in 2 Posts
    I think, for the most part, I have to agree with what's already been said. The graphics are good without going over the top. And the page isn't overly cluttered. I didn't notice anything in particular that distracted me from the content of the page and the coloring scheme is easy on the eyes.

    Nice job for just a couple days worth of work.
    Greason Wolfe
    +++++++++++
    Sometimes you don't know what you know until you know it.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Your rollovers on your navigation don't work with javascript disabled. Its simple enough to do without javascript.

    In your CSS you things like img #menu4

    That will never work as an image can't anything within it. I think you want something more like
    img#menu4
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New Coder
    Join Date
    Aug 2008
    Posts
    34
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by oesxyl View Post
    hi,

    font must be font-family, error in css:

    http://jigsaw.w3.org/css-validator/v...arkar.co.in%2F

    you can optimise loading speed:

    http://www.websiteoptimization.com/s...dharkar.co.in/

    at least images/sp-R*.jpg can be smaller

    I like it,

    regards
    Thanks, i just realized the CSS error...it was valid but i've made a few tweaks here and there and forgot to revalidate. Will be fixed though...

    Regarding optimizing the graphics. Yes...i do plan to do it. But it's tough to find a balance as jpeg's begin to pixelate if you reduce the quality index and since the site is primarily a showcase of graphic work I decided to use jpegs are max quality. I'll test at lower vals and see how it looks.


    Quote Originally Posted by _Aerospace_Eng_ View Post
    Your rollovers on your navigation don't work with javascript disabled. Its simple enough to do without javascript.

    In your CSS you things like img #menu4

    That will never work as an image can't anything within it. I think you want something more like
    img#menu4

    You're right. They can - but I was playing around with JQuery and wanted to see how i could do it with them. Plus, i plan to expand upon the rollover and include a fadeout which can't be done with CSS rollovers. The menu works with JS disabled...but without the frills so functionally the site isn't compromised.

  • #9
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Quote Originally Posted by ThirdDash View Post
    ....Plus, i plan to expand upon the rollover and include a fadeout which can't be done with CSS rollovers.
    Just had a thought when reading that... have you tried using css for the image replacement whereby the rolled-over image is an animated gif? could that allow you to use css as well as having the fade effect? (I don't know the answer but it crossed my mind as a thing you might like to try).

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #10
    New Coder
    Join Date
    Aug 2008
    Posts
    34
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by bazz View Post
    Just had a thought when reading that... have you tried using css for the image replacement whereby the rolled-over image is an animated gif? could that allow you to use css as well as having the fade effect? (I don't know the answer but it crossed my mind as a thing you might like to try).

    bazz
    It might work, although I've never been a big fan of animated gifs...they are a pain to use and the quality is never great given the limitation of gifs. Also, in terms of elegence they just don't compare to using jquery which controls the opacity very nicely.

    I'm also not sure how easy it would be to control the fade (and more importantly to change it on the fly if the effect was too slow / too fast). Still, i might experiment with a basic animated gif button and see what kind of result it produces. I suspect the effect won't be as good as using a multistate javascript (or flash) button as this is what most designers tend to use.

  • #11
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    's amazing, enough said. I'd hire you based on the design itself, let alone the better-than-usual copy.

    But the point that does stick with me is that you have horrible body text. Resolve it to a nice clean font (I don't have time to play with it but try Georgia or Verdana, both very unique flavours) and get rid of the justification.

  • #12
    New Coder
    Join Date
    Aug 2008
    Posts
    34
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by CyanLight View Post
    's amazing, enough said. I'd hire you based on the design itself, let alone the better-than-usual copy.

    But the point that does stick with me is that you have horrible body text. Resolve it to a nice clean font (I don't have time to play with it but try Georgia or Verdana, both very unique flavours) and get rid of the justification.
    The default body text is Georgia

    i tried a few others, but because i wanted to make the font quite large and easy to read it was difficult to find a font that fitted into the design theme. I wish I had a way of providing custom font library because a nice handwritten font would have been perfect on the notepad thingy...but alas, most machines only have a handful of fonts that can be used.

    I find Verdana and Courier are great for more proffessional / corporate sites, and Georgia, Arial and Helvetia fit better for more personal / casual themed sites.

    I do agree however that the body text needs some work. For version 2 of the site i am planning a themeswitcher option which will use alternative stylesheets and this is where i'll offer the user the option to change fonts / basic colors etc. Will also look into the justification issue...typography is one of those area's that i need to concentrate and learn more about and unfortunately CSS doesn't offer as many options to tweak lettering as one might hope.

    PS. Thanks for the kind words regarding design and copy.


  •  

    Posting Permissions

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