Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Jim McQuarrie
Jim McQuarrie
10,597 Points

My first portfolio site!

Ok, I am putting the finishing touches on my home page for my portfolio site, this is my first "full build" without buying a template and I would like some constructive criticism! There is no JavaScript yet as I am working on my HTML5 and CSS3 skill set at this time. The link is www.myjamsite.com. One issue that I am having is the nav and the vertical border line to the far right, I would like to remove that line only while leaving the vertical border in between the nav pages.and am struggling with this. I am getting ready to start the other pages but wanted to display and get some feedback! So, how am I doing fellow treehouse mates :)

6 Answers

Hi Jim! I am a usability specialist with 9 years experience and I do understand you are just getting started. Here are my top 3

  1. Broken Links - Make sure the links don't ever take a user to an error screen (I am getting error 404 on your portfolio link and about)
  2. Dreamweaver is spelt this <--- way. Spelling is critical for trust so while your coding skills are what people have come for this is not going to help :)
  3. Small thing but if you want your horizons OPENED then ad a +1 before your phone number, its very US centric to just have those numbers starting with internal country area codes. 4. Lastly (bonus Item) reduce the size of the blue so that that content shows higher. The design of the page needs to allow users to see that the content is changing as I click on links. I wasn't expecting that content to be so far down so I thought your contact link was broken.
Jim McQuarrie
Jim McQuarrie
10,597 Points

Thank you,

I made the changes that you stated, I was working on the other pages when you received the error, but they are back up now. Also, I added the +1 before my number, however will this still work from the us to the us for the external protocol request? Thank you for your comments as I will be using this site as my resume/portfolio site to get work.

Hi Jim,

Site's looking really good so far, you can remove that last border with a pseudo selector:

nav li:last-child {
    border-right: none;
}

Only criticism I would have is the 'More Info' button, I don't think it stands out enough. If you're using it as a call to action it needs to be bigger/more emphasized to draw the users eye to it.

Hope this helps :)

Jim McQuarrie
Jim McQuarrie
10,597 Points

Thank you, I actually added an ID selector and that worked, but I changed to the last-child selector as a better solution and removed the ID selector from that element. I will work on the more info button next!

Jinson Abraham
Jinson Abraham
1,700 Points

Good work. Few things I noticed. The More info button needs some refining. Also may be adjust the spacing above and below it. Another thing is the alignment of the 2 half columns in the About Me section. The title looks out of place.

This will get rid of the border from the last menu item

nav li:last-child { border:none;} 
Jim McQuarrie
Jim McQuarrie
10,597 Points

Thank you, I adjusted the spacing and it should look better. As for the button, I am starting to work on this now.

Jim

Jim McQuarrie
Jim McQuarrie
10,597 Points

OK, I made some adjustments including the button, and switched the nav and button around. Plus made the display: none; for the button on mobile devices as it goes to the about page and its really not needed especially on a mobile device. http://www.myjamsite.com/ Thanks, Jim McQuarrie

Rudy Tan
PLUS
Rudy Tan
Courses Plus Student 16,635 Points

Hi Jim, I notice that if you resize the browser window at around 627px width the 'More Info' button collapse to the 2nd section where you have the description. Maybe same height for the 2nd Section description. About Me title has way too much gap from the text bellow it, kinda distracting in my opinion. To be honest, I am not a fan of the percentage on the skills part. I think it would be better if you just write something like 'Excellent' or 'Master' or 'Very Good' something like that instead of percentage, but that is just for me.

Hope it helps.

Jim McQuarrie
Jim McQuarrie
10,597 Points

Thank you for your comments. I am going through the JavaScript full stack at the moment and learning cloud9 (awesome), but I am definitely at a disadvantage with my resume site and in fact cant seem to get past recruiters for a job interview. Any thought and advice would be awesome as I am looking for that "first" developer job and I know I will be slow and still have a lot to learn and it seams everyone wants an experienced developer to begin with! Here is Florida its especially hard as they want a lot of experience and most want AngularJS and they want to pay peanuts!!! I have come so far and I don't want to abandon it for a job in sales for example (my background is tech sales medical devices) as I love programming.

I would be just fine with low pay to start and am not picky, but combine low pay with 5 to 7 years experience and I really start getting discouraged here!! If I am not looking at this right let me know, but I get 5 plus recruiters a week calling and I apply but that's it, I cant get any further! BTW at 51, I cant go back into the med device biz as unfortunately age can have some restrictions. What is hard is I have always been an over-producer and top sales rep in the country, and I know I can do the same here, I just need the chance!!

Jim

Rudy Tan
PLUS
Rudy Tan
Courses Plus Student 16,635 Points

Hi Jim, normally startup company would want people with less experience. I think for now the best way you can do is just keep on learning the skills. Try also building another site that shows the tricks that you learn already. Maybe try building a template and giving them out for free at first, you know if a lot of people are satisfied with it, who knows maybe you can put a price on later templates that you build.

A friend of mine told me that Angular JS is necessary if I want to look for a new job as a developer.

On your portfolio site, I think 3 pages should be good enough. Home, About and Portfolio. I think normally people won't read all the stuffs and just look directly on portfolios (what you have been doing so far). You can put education in about me page and put contact on first page jim or even on every pages. It is kinda important, so it is easy to contact you.

Good luck Jim !

Jim McQuarrie
Jim McQuarrie
10,597 Points

Rudy,

Thank you for your comments they are much appreciated, I am working hard on AngularJS and Cloud as well and am really excited about what can be done. The passion is alive and well :) Just need the job :) I will be redoing my portfolio site soon and will re post in the next week or so and I thank everyone for the responses.