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
Robert Niemczewski
4,560 PointsCheck me out!
Sooo, I finally finished my portfolio, did all by my self!
What you think?
Please be honest! if it's bad, just tell me so I can do a better job!
PEace
11 Answers
Erick Bongo
8,539 PointsLooks good bud, nice layout and colors. How long have you been learning HTML & CSS ?
Jonathan Rawlins
13,998 PointsI will offer a few suggestions:
The domain you are using will be very confusing for anyone that types it in manually from lets say a business card, 0 looks too much like the letter O. I would stick to just letters if you are able to get that domain name. If this is just for learning purposes then great, but otherwise I would look for a different domain without the numbers.
Turn the social share icons into a sprite as this will prevent the image flicker when you hover over them. Here is a rough/old guide on creating sprites from CSS Tricks - http://css-tricks.com/css-sprites/
You should opt to use either image replacement for your titles where the text is still in the background and the image sits over the top, or use @font-face to create those titles. The font you have used isn't great and could have readability implications in my personal opinion - The body copy is fine, but the titles do not work.
Otherwise I like the simplistic look and feel, looks like you are learning fast.
Robert Niemczewski
4,560 PointsThanks for the replay!
As for the domain, I think you are right so Ill just buy one that will not give anyone any problems because it might be confusing.
Ill take a look at the sprites asap , when I am off work.
And I am not quite sure what you mean by the font that it is not working? Is it for the heading, or the paragraphs?
Thanks again!
Jonathan Rawlins
13,998 PointsHey Robert, I was talking about the main heading fonts. You are currently using images with alt text. This could be achieved by using the @font-face rule (with a converted to web font), but personally the font your used doesn't work in my opinion for readability. Sorry I was away from work over the weekend and Monday for vacation.
gopi p
9,259 PointsHey Robert,
its not working properly for me.looks like some CSS Styling issue .Check that
Cheers
gopi p
9,259 PointsAlright! to be frank that's a very nice design. every thing is fine expect the top social icons. if you hover the icon you can see that .is that intentional ?
Robert Niemczewski
4,560 PointsYou mean when you hover the icons they rotate?
gopi p
9,259 PointsYes.
Robert Niemczewski
4,560 PointsYep, that was meant on purpuse! no good?
gopi p
9,259 PointsNo not like that, that looks fine.you have creativity that can create amazing websites for the folks out there !!
Cheers:)
Robert Niemczewski
4,560 PointsThank you!
James Barnett
39,199 Points- I'm not a big fan of the large blocks you have
- Your form could use some work
- I'd tone down the colors, others may disagree
- I don't think the typeface you are using with your header is a good choice for readability
- Instead of rotating the icons backward and upside down
- maybe lighten the background of the icons on hover
http://legendthemes.com/2010/04/10/designing-modern-web-forms-with-html-5-and-css3/
Robert Niemczewski
4,560 PointsThank you sir!
Yes, the form needs some work and I will give it a try.
Also, as other people said the font-face is not the best idea? Any fonts suggestions that would do the job?
And Ill see how changing the bg on the icons will work!
Thank you!
James Barnett
39,199 PointsAny fonts suggestions that would do the job?
For the headers, this is a good list of display type, try out a few and see which is you like the best.
http://www.creativebloq.com/typography/best-free-web-fonts-1131610
Robert Niemczewski
4,560 PointsOkay, I switched out the fonts for the heading, links and paragraphs... does it look better? http://t0ms0nsdesign.com/
Jonathan Rawlins
13,998 PointsI like the font better, but I would suggest with going for something a little more simple.
Robert Niemczewski
4,560 PointsAny suggestions? My eyes just can't find the right one now ;-/
Robert Niemczewski
4,560 PointsI made some changes to the fonts, and to the social icons, yet I am not sure if I like it now? I am really frustrated, feeling like starting over again :((
Robert Niemczewski
4,560 PointsI haven fix the contact form yet, but other than that, whats your opinion?
Jonathan Rawlins
13,998 PointsCertainly looking much better now, still not 100% sure on the heading fonts but still looking a lot better / cleaner than previously now that it's toned down a little too :)
Robert Niemczewski
4,560 PointsThank you. Any more idea/suggestions for improvement?
Robert Niemczewski
4,560 PointsAlso, I am thinking of transfering this into wordpress, just to get more hand-on on the whole process, any ideas for a template that would be easy to work with?
Jonathan Rawlins
13,998 PointsI'm personally not a wordpress guy, you could use something like MODx ww.modx.com and integrate the tags into the template you have built already (in my opinion this would be better than jumping toes deep into wordpress to begin with). Wordpress you would need to work around php code as well as HTML.
MODx works with HTML templates and placeholder tags which on page load the system populates, and you can build some fairly large websites with it too. Plugins are a little less (amount wise) than Wordpress though.
Robert Niemczewski
4,560 PointsThank you sir,
I will give it a try!
Jonathan Rawlins
13,998 PointsNice, let me know how you get on :)
Robert Niemczewski
4,560 PointsRobert Niemczewski
4,560 PointsThanks, I would say about 3 weeks.