₦airaland Forum

I just created my first website and I need as much criticism as possible so I can get better. The website is actually a portfolio website created with HTML, css and JavaScript.

https://d1-portfolio.vercel .app/

Please remove the space after vercel and dot app. Waiting for your reply. Thanks

Still waiting for feedbacks?

Slimdan360:
Still waiting for feedbacks?

The Link isn't working

Slimdan360:
I just created my first website and I need as much criticism as possible so I can get better. The website is actually a portfolio website created with HTML, css and JavaScript.

Link: https://portfolio-website-hdkk.vercel .app/

Please remove the space after vercel and dot app. Waiting for your reply. Thanks

What's this?

gistray:
What's this?

So sorry, use this instead:

https://d1-portfolio.vercel .app/

Remove the space btw vercel and dot app
Thanks

john1101:
The Link isn't working

So sorry, use this instead:

https://d1-portfolio.vercel .app/

Remove the space btw vercel and dot app
Thanks

What's with the too much extra white spaces between text?

Is that a flaw or by design?

Revealpanda:
What's with the too much extra white spaces between text?

Is that a flaw or by design?

I thought it was better that way. Should I change it?

Though I'm not into front end but seems like a good portfolio website.

I don't too fancy the double colors for text, at first was thinking it's a link

Slimdan360:
I thought it was better that way. Should I change it?

Personally I don't like it.
Other might like it

Revealpanda:
Personally I don't like it.
Other might like it

Okay
Thanks for the feedback

Hop3:
Though I'm not into front end but seems like a good portfolio website.

I don't too fancy the double colors for text, at first was thinking it's a link

Thanks for the review

Slimdan360:
I just created my first website and I need as much criticism as possible so I can get better. The website is actually a portfolio website created with HTML, css and JavaScript.

https://d1-portfolio.vercel .app/

Please remove the space after vercel and dot app. Waiting for your reply. Thanks

Alright then, the hamburger menu when active should pop out from the rest of the content on your page, it just looks like the text is colliding with the menu. You can go about this in 3 ways the most popular is to make the menu the full height and width of the viewport so when the menu slides in it looks as though it's a completely new page, the second option is to have a div with a color of black and opacity of 50% that activates when the menu is active then the div will be higher than the content of the page but not the menu, this is called an overlay and you can do that with z-index but I normally wouldn't advise this unless you're already pretty good and know how to use css properly to avoid unwanted styling issues and the last and the simplest is to give the menu a shadow and a different color from that of the page

The there is the highlighting with a different color, you don't really want to do this as it distracts the reader and in most cases confuses them you want to do this for important text to learn how to properly use colours I would advise that you check out "Realtime colours" and see how they use the primary colour on their website

Your icons that are within divs aren't centered properly in those divs the trick I like to use is to create a div put the icon within it, add border and border radius then just add padding so no need for much styling

Then the publications section I would advise that you have a separate blog.html page that links to different blogs because I'm finding myself scrolling through 6 different blogs before getting to the contact me section normally I should just see a list of 3 of your most recent blog post the there well be a see more button i say this because at some point you will have more than 20 articles and nobody will stick around to scroll forever

Then the padding is too much bro on larger screens it's manageable but on small screens it's just not acceptable, padding: 20px 5px; never hurt anybody

And lastly, Baba add some animations you're using css add those transitions. There is something about subtle animations that just make the website alot more professional and slick

But it's a nice one it looks mature and by far better than alot of portfolio's I have seen on here, cheers bro

eseosa101:
Alright then, the hamburger menu when active should pop out from the rest of the content on your page, it just looks like the text is colliding with the menu. You can go about this in 3 ways the most popular is to make the menu the full height and width of the viewport so when the menu slides in it looks as though it's a completely new page, the second option is to have a div with a color of black and opacity of 50% that activates when the menu is active then the div will be higher than the content of the page but not the menu, this is called an overlay and you can do that with z-index but I normally wouldn't advise this unless you're already pretty good and know how to use css properly to avoid unwanted styling issues and the last and the simplest is to give the menu a shadow and a different color from that of the page

The there is the highlighting with a different color, you don't really want to do this as it distracts the reader and in most cases confuses them you want to do this for important text to learn how to properly use colours I would advise that you check out "Realtime colours" and see how they use the primary colour on their website

Your icons that are within divs aren't centered properly in those divs the trick I like to use is to create a div put the icon within it, add border and border radius then just add padding so no need for much styling

Then the publications section I would advise that you have a separate blog.html page that links to different blogs because I'm finding myself scrolling through 6 different blogs before getting to the contact me section normally I should just see a list of 3 of your most recent blog post the there well be a see more button i say this because at some point you will have more than 20 articles and nobody will stick around to scroll forever

Then the padding is too much bro on larger screens it's manageable but on small screens it's just not acceptable, padding: 20px 5px; never hurt anybody

And lastly, Baba add some animations you're using css add those transitions. There is something about subtle animations that just make the website alot more professional and slick

But it's a nice one it looks mature and by far better than alot of portfolio's I have seen on here, cheers bro

Thanks alot for this review. I will consider all your suggestions and make as much inputs as possible.
Thanks a lot.