I have been working on my front-end skills for a long time and I decided to complete one more project before exploring the great world of the back-end + React and Angular!
Does anyone have any suggestions on the animated background?
The main problem I encountered was making sure the button was still clickable though.
And does anyone have other ideas to display skills? Sure the SVG looks nice and is easy to show, it can become unresponsive on even smaller screens. Is there perhaps any way with or without CSS grid then?
I have a suggestion related to the animation. I like the animation as you scroll down the page and see the things pop into view. However, I think once is enough. Once the animation completes and I scroll back up and happen to scroll back down, most (if not all) of the animations should not repeat. At that point, the animation effect is redundant and distracting in my opinion.
Your portfolio looks and acts great! I am a designer who is learning to code, and your design looks really to the point, it is simple and clean and has a great interaction The only thing I would remove is the word AND in your first introduction sentence( Hello there, and I am a real developer.), or is there a specific reason for it? Otherwise, keep the amazing work!
Does anyone have any suggestions for the SVG animation? Is there any other fancy or different ways to display a name?
Also is there a more interesting way to style the animated background?
Currently, it has squares turning into circles using keyframes and JavaScript. I want to keep using vanilla CSS and JavaScript since a button is on top of the background.
When I tried using, HTML canvas, the button always ended up not being clickable. If someone has a workaround, or simply a better design with CSS, please let me know!