It’s not the greatest piece of work, but for me it’s pretty great. I’m not a professional designer, or anything, so for me, this was fairly meticulous. Few hours of work.
It’s a design mock-up for my blog/portfolio. Any feedback from those more experienced than I would be much appreciated.
Okay, so. I took a few critiques to heart, and have made a few changes.
The navigation bar’s links now show an “active” state, meaning a permanent difference when you’re on that page. In this example, the active link is “Home”.
Also on the navigation bar, a search icon has been added before the search field, to make it stand out a bit. Icon design isn’t something I’m particularly amazing at, so ya. It shows.
The border radius on the blog posts have been shortened from 15px to 5px. Looks much better, IMO.
Looks nice
I think there should be more padding at top/bottom on the blog posts and you could add a 1px border in a lighter color on the left and right. Also the radius is now too small in my opinion - try 8 or 10px…
And you could make the space between title and the first post smaller…
[quote=“boformer, post:5, topic:4003”]
I think the text of the articles is too small (or the article boxes are too wide).
[/quote]This is a very well-noticed issue, thanks! I’ll make the container smaller, and lessen the padding between the text and the container-wall.
[quote=“momar, post:4, topic:4003”]
I think there should be more padding at top/bottom on the blog posts
[/quote]By how many pixels, do you think?
[quote=“momar, post:4, topic:4003”]
Also the radius is now too small in my opinion - try 8 or 10px.
[/quote]I’ve actually tried most of the numbers between, and I personally prefer where it’s at now. But still, thanks!
[quote=“momar, post:4, topic:4003”]
And you could make the space between title and the first post smaller.
[/quote]Funnily enough, in production, it will be. I’m just a lazy schmuck, and didn’t feel like dragging it up. In the next version I post, I’ll include this edit.
No biggy. When I do work out my designs onto paper, as it were, I generally do it from Notepad++, without any libraries like Bootstrap. Though, recently I’ve been using PHPStorm. I like it.
Any experience with Bootstrap? I’ve been looking into it, but haven’t decided to make the leap to using it. Some insider information might be nice.
I got into bootstrap last year and I love it. Once you know your way arround their CSS classes making fully responsive web pages is a breeze. And if you ever get stuck their own website shows you what their CSS and JavaScript can do with examples of code. I’m a mentor for a FIRST robotics team and we built our website with bootstrap, and even used bootstrap for our wordpress theme.