New site complete. Please could you review?

[m3n0tu18]

Hi All,

So its been a while since I've posted a new site build review, But I would like you to know what you think of this? Anything I should change?

Just to note, the colored (metro style) box's will have hotlinks, when the client decides what to put so at the moment its just there for aesthetics.

Also, in the Powershell section, it looks as if with code its not posting it in this format:

CODE HERE

Don't worry it is, its just an administrator of the system is new to it and has not put the code tags around the powershell scripts.

This site is fully responsive, so check it out on your tablets and cell devices.

Look forward to your reviews. Even if you are not a designer or programmer

[RDesignista]

I am not a coder (except for some practical PHP and trying to learn Ruby in my spare time), so I have absolutely no idea what anything means on that site . With that said, I have a lot of comments about the site:

- I don't really like the homepage layout. I'm on my laptop and I pretty much only see the menu, the blue "splash" box, and this red/yellow/blue/green graphic that I don't really understand the purpose of? I say I don't like the layout because the welcome message and links to recent posts is basically stuffed underneath the above, as if they are secondary in importance, when they should be 1st, IMO.

- I feel that you should completely redesign your responsive menu so that it takes up less space. As it is, each menu item is expanded, has a lot of padding, and takes up an entire screen. Common methods I see are either a dropdown menu or a click-to-expand menu, with those dashed lines as the icon representing "click me to see menu." It's also hard to distinguish where the menu ends and where the body begins. I believe this can be remedied by making the menu background dark, so as people scroll, they will see a different background color, which would help indicate the start of a new section.

- Images should be max-width:100%. See about page, there is a picture that is wider than screen.

[m3n0tu18]

I am not a coder (except for some practical PHP and trying to learn Ruby in my spare time), so I have absolutely no idea what anything means on that site . With that said, I have a lot of comments about the site:

- I don't really like the homepage layout. I'm on my laptop and I pretty much only see the menu, the blue "splash" box, and this red/yellow/blue/green graphic that I don't really understand the purpose of? I say I don't like the layout because the welcome message and links to recent posts is basically stuffed underneath the above, as if they are secondary in importance, when they should be 1st, IMO.

- I feel that you should completely redesign your responsive menu so that it takes up less space. As it is, each menu item is expanded, has a lot of padding, and takes up an entire screen. Common methods I see are either a dropdown menu or a click-to-expand menu, with those dashed lines as the icon representing "click me to see menu." It's also hard to distinguish where the menu ends and where the body begins. I believe this can be remedied by making the menu background dark, so as people scroll, they will see a different background color, which would help indicate the start of a new section.

- Images should be max-width:100%. See about page, there is a picture that is wider than screen.

Thanks for the comments there Most appreciated.

Yes the slide area and the cta buttons are still under development (I mentioned this when I posted this thread) - They will have a new "use" when the client gets back to me on it.

Agree'd with the menu on the cell devices. Issue is I don't quite know what the technical term is to create that kind of "tap to open" menu system, any ideas?

Thanks for the max-width:100% on the images, I didn't notice that the client uploaded images into the about me section. Remedying it now!

Thanks!!

M

[RDesignista]

Menotu,

Here's a tutorial for that menu: http://www.hongkiat.com/blog/responsive-web-nav/

You can also vary the way that menu acts, for example: http://mashable.com/

Also, I forgot, when you do max-width:100%, be sure to also add height:auto. It's a small thing, but I think older browsers don't automatically scale the image so it becomes skewed.

[Andrew Yurlov]

Here's a tutorial for that menu: http://www.hongkiat.com/blog/responsive-web-nav/

Wow, thanks for that. I have been looking for a good responsive navigation menu.
-bookmarked-

[Peter Lewis]

i like the unique use of white space in header. your use of multiple imports inside style section in the head is very efficient (i didn't know that was possible, but i am a newbie). there sure are a lot of </div> tags, but i'm too lazy to to check them all, but as long as your are sure then that's cool. i don't know if the "latest posts" section on most sites use table tags, i just mention it because i have read so many times online that tables are only for tabular data. cheers!