Grow your CSS skills. Land your dream job.

Feedback on my website?

  • # February 19, 2013 at 12:27 pm

    Hello everyone is it possible to have some feedback on my website? http://www.sorrentix.com/
    Thank you so much! =)

    # February 19, 2013 at 12:38 pm

    I love the simplicity! Given it’s a personal site though, you might consider adding a photograph of you in the header to create more of a “one-to-one” connection with the visitor. This kind of approachability progression is useful if you’re trying to get work out of it.

    # February 19, 2013 at 12:45 pm

    Love it! That hover effect on your name is a very nice touch too.

    I’m not too keen on the left-margin difference between your logo and the “hello everyone” section, I’d line those two things up personally.

    Apart from that, love it.

    # February 19, 2013 at 12:46 pm

    Very impressive! I really, really like it. Going into my “inspiration” folder.

    # February 19, 2013 at 3:15 pm

    Thanks for the feedback!
    I’ll think about the “left-align” of the logo =)

    # February 20, 2013 at 5:13 am

    anyone else? =)

    # February 20, 2013 at 11:19 am

    The hover effects seem a little inconsistent to me. Here’s what I mean: On the front page alone, you have three different hover effects. All of those hover effects have the exact same meaning: “I’m a link! Click me!”. However, none of those hover effects have anything in common, the start color is different, the end color is different, and the background colors are different. It feels weird to me, having all of those different styles for one meaning. That’s probably my biggest quibble with it, and that could be interpreted as personal opinion. :)

    I think the ‘Hire Me’ form needs a little work too. It doesn’t explain itself, it’s not very interesting compared to the rest of the site, and it gets waaay to wide if you have a big screen.

    So those are my thoughts. Looks like a great site though! Nicely done!

    # February 20, 2013 at 11:59 am

    @howlermiller I totally understand what you’re saying about the inconsistence. I faced that problem for a very long time. It was the main problem to me. I went this way because I tried every option(like having all the same color, all the same hover effect, etc..). But.. I don’t know how to say…the page looked flat, without life. So I decided to have 3 different effects but really similars. I made this scheme: the links of the footer look red like the navigation and on the hover effect they look the same color of the main part, I tought to connect this way the different parts of the page. I still think that it’s a little bit confusing, and you confirmed it, but I can’t find a better solution for the moment.
    About the “hire me” form I wanted it really minimal, but I need to agree that it’s too large on wide screen =)
    Thanks!

    # February 20, 2013 at 12:39 pm

    Your website, on the whole, looks great.

    The one thing I would suggest changing is using the text-transform property instead of capitalizing all of your text. I noticed this specifically on your home page, but I’d be hard-pressed to say it’s not a re-occuring theme on your other pages. If this is indeed the case, that you’re not using the text-transform property when using uppercase, please use text-transform: uppercase on those pages as well.

    # February 20, 2013 at 12:52 pm

    @posterity576 I heard this problem one time, but I never studied in deep. I can make this without problem, but I would like to know more. Is it just a problem because the HTML is for content and CSS is for style, or any other reasons?
    thanks

    # February 20, 2013 at 1:35 pm

    Your “About Me” picture is huge and took me a while to load. It’s the same picture on the “Contact Me” page, so you might want to think about scaling it down. Your writing needs a lot of edits, as in, it is grammatically difficult to read. It depends on who you want to appeal to, however. Your front page, though it looks nice, reads choppily. If you’re a computer science student, you wouldn’t be self-taught. Also, “involved” sort of hangs there.

    On a design level, it’s smart and responsive. Good work on the design elements!

    # February 20, 2013 at 1:40 pm

    @sorrentandrea The only real problem I see is with your name. It’s a link, but the parts that say ‘web design’ and ‘graphic design’ are not links. I would either take away the link on your name (there are two other ways to get to the ‘about me’ page, anyhoo) or style those other two pieces of text differently. It doesn’t have to be a drastic change, but something that tells the user “This is emphasis, not a link”.

    Also, I feel like your logo is a little bit out of place. It seems like it should be up and to the left, a bit more like this: http://postimage.org/image/8pxop9h9b/

    # February 20, 2013 at 2:18 pm

    @sorrentandrea: You are correct. HTML is for content, structure, and organization, while CSS is designed to drive the style of that content. The way your HTML is structured now, it is apparent that you’re using it for both structure and styling, by capitalizing your text.

    The same idea applies to assigning classes and IDs to HTML elements. You don’t, for instance, declare a class or an ID name based on _how_ that element looks when rendered in a browser. You assign class and ID names based on the function of the element in question.

    @eristic: I really hope you’re a WFB afficionado with a handle like that!

    # February 20, 2013 at 2:25 pm

    @howlermiller Ok, I totally agree with you. I’ll find a way to change the style to that words =)

    @eristic thanks for the observation about the image, I totally forgot to scale it down! =) I don’t keep the message about the home page: I’m a computer science student and I’m learning by myself graphic design. What’s wrong?
    My english knowledge is not the best. I’m studying but I have to work better on this.

    # February 20, 2013 at 2:31 pm

    @posterity576 thanks for the accurate answer I’ll make this change. =)

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.

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