Show DevBest Harith.pw - Launched (Beta)

[Mega]

Hello devbest,
Check out my new website. Please rate my design and give opinions/suggestions. Please report to me if there is bugs & errors on the website.
Website Link

You must be registered for see links

(if its down please PM me)

Website Features

• Made with HTML, CSS3 & jQuery
• Portfolio - Pictures of my project/design coded or not, and also included download & demo.

Credits to -

• Myself - Coding & Designing it
• Woody - For the jQuery/Scripts
• Hosting my Site - @Transparent (Kyle)
• Other guys who helped me up, one of them was @Damon

Thank you for reading.
Mega (Harith)

 

[Hindi]

Its cute, Like me tbh

 

[Queef]

1. The CSS for the social media icon hovers needs fixing. For the :hover element, all you're doing is changing the opacity on hover you don't need to add in all this width, height, background garbage, you've already defined that without the :hover element. All you need is "opacity:0.5" nothing else. (Hence why when you hover on the icons it disappears for a second.)
2. Although those content boxes look already for each section on the page, when actually scrolling down the page it looks terrible, the spacing between each is waay too much. I know you can't really change that because of the auto scroll thing you've got going on. I'd recommend going back to the drawing board with that one and see what else you can come up with.
3. I don't understand why each content box is a link directing to another page telling you your skype name.
4. Add some basic fading hover transitions.
5. When you hover on your logo it moves up a pixel or 2.
6. Change the header color.

 

[Hindi]

1. The CSS for the social media icon hovers needs fixing. For the :hover element, all you're doing is changing the opacity on hover you don't need to add in all this width, height, background garbage, you've already defined that without the :hover element. All you need is "opacity:0.5" nothing else. (Hence why when you hover on the icons it disappears for a second.)
2. Although those content boxes look already for each section on the page, when actually scrolling down the page it looks terrible, the spacing between each is waay too much. I know you can't really change that because of the auto scroll thing you've got going on. I'd recommend going back to the drawing board with that one and see what else you can come up with.
3. I don't understand why each content box is a link directing to another page telling you your skype name.
4. Add some basic fading hover transitions.
5. When you hover on your logo it moves up a pixel or 2.
6. Change the header color.

For Skype he could just add

<a href="skype:absterg3?add"><img src="assets/img/skype.png"></a>
Just replace the absterg3 with your user @Mega and it'll make users add directly

 

[Damon]

2. Although those content boxes look already for each section on the page, when actually scrolling down the page it looks terrible, the spacing between each is waay too much. I know you can't really change that because of the auto scroll thing you've got going on. I'd recommend going back to the drawing board with that one and see what else you can come up with.

Agree with everything you said, but this one. I believe its meant to be a one-page template, meaning only one page is used and it slides down.. There really isn't any need to scroll when you can just click a button in the navigation and it will slide to it. And I dont think you'd want them too close, as you want the effect that it is sliding a new page over.

 

[Queef]

Agree with everything you said, but this one. I believe its meant to be a one-page template, meaning only one page is used and it slides down.. There really isn't any need to scroll when you can just click a button in the navigation and it will slide to it. And I dont think you'd want them too close, as you want the effect that it is sliding a new page over.

The first thing anyone does when they are visiting a site for the first time is read whats at the top of the page and scroll down. None goes straight to the navigation menu unless they are looking for something in particular.

 

[Ecko]

1. I don't understand why each content box is a link directing to another page telling you your skype name.

It's because he didn't close his <a> tag after the div. He's also putting his progress bars as div id instead of div class. IDs are meant to be unique, classes are not. A br tag is supposed to be <br /> not </br> For someone who ranked himself so highly in HTML/HTML5, he has a lot of invalid code that doesn't fit the standards of HTML5 or XHTML.

 

[Sysode]

In my opinion it's a little plain, I mean you've designed it as if it'll be a fluid large template but instead it looks like a v-card template. The color scheme could also be improved a little.
Also, adressing what ecko just said about using ID's - only use them Javascript, not CSS.
</br> - wrong way round
And your images need to have an alt=""

Overall though, not a bad attempt, with a little more work it could look quite nice well done.

 

[Hindi]

not a big fan of blue either, could work out on it, Maybe try black and grey?

 

[Mega]

Thanks for your helping hand, I appreciate it. I'll fix it up later. Yeah for the content box, I missed a </a>. Sorry for that.
--------
FIXES
-------

• Fix the about me box that linked to my skype page. Why? Because accidently didn't put </a> Tag.

 

[Heisenberg]

On the portfolio page, you have the preview boxes becoming smaller, if anything they should become bigger. I can't give any advice on how that's done, just a suggestion.