...

View Full Version : Please critique my personal homepage ! :)



ThirdDash
08-10-2008, 09:08 AM
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. :)

bazz
08-10-2008, 01:06 PM
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

ThirdDash
08-10-2008, 01:30 PM
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.

binaryWeapon
08-10-2008, 03:14 PM
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!!

oesxyl
08-11-2008, 12:56 PM
hi,

font must be font-family, error in css:

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fsiddharth.pendharkar.co.in%2F

you can optimise loading speed:

http://www.websiteoptimization.com/services/analyze/wso.php?url=http://siddharth.pendharkar.co.in/

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

I like it, :)

regards

greasonwolfe
08-11-2008, 02:31 PM
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. :thumbsup:

_Aerospace_Eng_
08-11-2008, 05:31 PM
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

ThirdDash
08-11-2008, 06:08 PM
hi,

font must be font-family, error in css:

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fsiddharth.pendharkar.co.in%2F

you can optimise loading speed:

http://www.websiteoptimization.com/services/analyze/wso.php?url=http://siddharth.pendharkar.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.



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.

bazz
08-11-2008, 06:15 PM
....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

ThirdDash
08-11-2008, 06:22 PM
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.

Apostropartheid
08-13-2008, 12:34 AM
'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.

ThirdDash
08-13-2008, 06:27 AM
'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. :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum