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!
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
Built a new theme for my website, after some constructive criticism.
So I've be building this theme on an off for a while in my little free time, its simple and straight to the point.
All this was designed in browser apart from my image assets I really need to design myself a logo as well hehe but anyway check it out.
go nuts pull it apart, I want to release this theme so tell me everything you love and hate so I can make it worth for the rest of the world.
PS if anyone want's to know this is built on Anchor CMS which is a create little lightweight CMS for blogging.
Matthew Campbell I believe "Writings Who Work" are navigation links not a saying :) Luke Alford While the general direction of the site is getting there, there are definitely a few things I'd work on. On my screen, the navigation is cut off. I can only see the top parts of the letters, looks like there's a height issue. I see you have a height of 13% assigned to your <header id="top"> element. Try adjusting it making it a little larger. Also, right now, as Matthew pointed out above, the navigation, while looks clean, isn't immediately identifiable as navigation. It looks like an extension of your logo.
The site also starts to look pretty messy at smaller sizes. It looks like your breakpoints could use adjusting. When creating your breakpoints, instead of focusing on specific screen sizes, create breakpoints around your content. When the content starts to break, that's where there needs to be a breakpoint. Take a look at some of the smaller sizes and you'll see that your logo starts to cover up the content on the page.
As for the content, take a look at this article. There are some trends in portfolio sites that make no sense that I think you would benefit from taking note of. For instance, you have a graph of your skill sets. While I understanding trying to help people understand what your skillsets are, does it make any sense to say you do 80% of web design and 60% of front-end development, especially when on your home page you say "I'm a Web Designer and Developer". Another thing is that when people visit your portfolio, they want to see your work. That's what they want to see the most, then if they want to learn more about you, then they will click to other pages and read what you have to say. So give them your work first. Don't make the user click to another page just to view your work, give it to them right on the front page, or at least some of it. I understand that you plan, design, and execute your work, but don't we all? Your work is what will separate you from the rest of us so show it off.
I think you're on the right track. You've got the basics of a clean design started and your content is nice, just needs some restructuring. I hope my comments are helpful!
Kevin Korte28,148 Points
I like the flat and clean UI, however there is no hierarchy of information. I don't have a structure of most important to least important for my eye to follow on pretty much ever page. You can create this with fonts, styles, weights, sizes, colors, etc. The choice is yours. Thats what I noticed. :)
Matt Campbell9,767 Points
Spelling and grammar, the main content is not centered and in my opinion "Writings Who Work" makes absolutely no sense what so ever. As a theme, there's not much there. There's no main navigation which is the first thing people will look for/notice.
I'm not sure on the contact page, it's not very intuitive and the yellow background has got to go. If it's a theme, then there should be a theme between pages. The contact page has no relation to the homepage.