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 =)
Thanks!

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.

@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

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”.

@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.

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.