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.
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!
@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 =)
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.
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!
@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/
@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!
@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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".