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?
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!
@colorscodex Overall, well done! The design is simple and the fonts and colors complement each other.
A few things:
You should add scroll-behavior: smooth to the Html tag, so when you click the links, there will be a simple scroll animation.
Second, perhaps you should include a contact form in the bottom for other users to message you.
Perhaps by just adding a few animations and media queries to the text, everything will flow even better.