Full Portfolio Demo
Introduction
Today I would like to share with you my experience in developing a personal portfolio. I understand that many of...
For further actions, you may consider blocking this person and/or reporting abuse
Dude, that portrait with the animated background is crazy. Outstanding work! 🖤
Thank you for your high appreciation! 🎉 This portrait is probably the main element in the entire portfolio.
So a couple of things, the justified text is a no-no for accessibility and if accessibility is equal to good UX I would change this:
Your name in the intro, it stands out less than the rest of the text, try to use AAA contrast ratio, you can see this in your browser colour picker.
I agree with you, I should try to align the text differently. The problem was that I didn't like the way the text looked when I aligned it in the center and on the left and right sides. You are also right that I should think about the color contrast in the title. Thank you very much for your constructive criticism. 🤝
Oh and penetrate 😬 beware of this word 😙🎶
You are definitely right here 😂 🙃
I am very impressed with the portrait and the environment that you have created directly via code.
Why this choice ? Why didn't you use a video? Wouldn't it be less heavy for the site? You wanted a challenge?
In any case it's impressive.
Thank you for your praise! As for the css illustration, then you are undoubtedly right. For me, it was a challenge. And just inserting a video on the site would not be serious.
Kudos for the details and animations. However, since there are plenty of moving parts on the site, it would be nice to take into consideration people that have problems with flashing content and to apply those animations only if users don't have active
reduced motion
feature in their OS settings. ( more about prefers-reduced-motion) `Also, to make site more inclusive, consider adding visible focus for every interactive element on the page (Introduction to Focus)
This is stunning! I like the way you put this all together. There is just one thing, though. It's not very important, but it stands out to me. On your portfolio page, at the starting, it says "Fronend" instead of "Frontend". I'm sure that it's just a small spelling mistake. Other than that, I love the effort put into this. It is very elegant, and the choice of colours, art and animations are lovely. You are one of the most talented coders I have ever seen!
Thank you very much for your praise. As for the spelling error, I have already managed to correct it on the site itself, but I forgot to just insert a new picture into the article.
Ahh I see that now.
Looks really nice!
I did immediately spot a typo on the homepage though :D It says "fronend developer" instead of "fron*t*end developer"
Thank you for pointing out the error. I haven't noticed about in so much development time. 😂
Nice work! But the menu says portfolio is confusing it should be renamed to Projects
Thank you for advice. You're right. I probably will soon transfer the inscription to 'Projects'.
Broh how did u learn to create that visual design animation, im only stuck in styling lol im not good at FE dev
Well, in principle, to develop such an animation as in the portfolio, a lot of knowledge is not required. It is enough just to be able to work with
@keyframe
and use it to change the properties of elements step by step. And you also need to be able to work with properties such asanimation
,transform
andtransition
. And then you will be able to make the same animations as on the portfolio and even better. I also advise you to study the js librariesanime.js
andTweenMax.js
, for working with more complex animations like menus, smooth transitions between pages, preloader, and other things. Although you can try to do all this without libraries, but it will be very hard.do you ever used this much animation on actual production website in some company?
The Landing Page is really unique and looks dope.
Thanks! Animation really makes the page much more unique. 🦄
Wow. It's amazing. I always suffer when working with css and it usually spend a lot of time to complete a simple task . Could you please give me some advices about how you learned and practiced it? Thank you very much
The best DEV post ever!!! You're talented as hell man! Keep up! 👏
Thanks
That was so amazing art work.
wow this was very instructive. I'm not a software developer, but I figured out how to improve my portfolio.
I wish you good luck in improving your portfolio! 🎉
Woah this is really cool! Really inspired me to work on my CSS
Thanks! Good luck with your work
Your work is so elegant, keep it up buddy!
Thank you for your kind parting words.
Great work :)
Thanks 😊
Really amazing job. But what about the page speed ? What's your score on mobile ? 🎠🔥
The loading of the site as a whole is not very good, because the DOM structure is too large, and a huge amount of css code does not allow you to make the loading fast enough. I need to reduce the amount of code where possible, and even more minimize the quality of images on the projects page.
Amazing work, well explained, well written <3
Thank you for your high assessment of my article.
Nice work!
Thanks 🎉
Amazing!!! 👏👏👏👏
Thanks 🎉
That looks amazing ! I like the animations and the attention to detail.
Please, try to fix the fron-t-end typo, it draws too much attention.
Thank you for your feedback! 🎉 As for the typo, I corrected it on the site, it remains only to correct the error on the article's splash screen.
Beautiful
Thanks 😊
Dude this is amazing
Thank you very much for your high appreciation! 😊
"Nice work @kerthin , Likes the Portfolio very much, Really Amazing work"
Thanks! 🎉
Awesome display of details 👍
Thanks
Your work is 🤯. Trust me the way you articulated it in this article with all the relatable gifs took it to another level. Had fun reading and learning, thank you 😄
Thank you very much! 🎉 It's nice to know that you liked my article and made you laugh.
This looks so amazing!!! Great work.
Thanks 🎉
Music Player project is pretty nice replicate an native app pretty nicely, although next and prev button in it looks like share buttons.