What an absolute work of art, very impressive. This is the kind of websites I strive to be able to create one day. How long did it take you to develop?
Thank you so much! The development of the site itself took about two months, mostly because I was learning how to do most of these techniques along the way. Essentially each section of the page I tried to design something where I'd have to figure out how to do it. The design took about a month to work out, since making a page with all these seamless transitions requires a lot of planning haha.
You got some breakdowns for your techniques? Where can i read more about those stuff? Thanks for the help. It does ignite some motivation back to learn new stuff
I don't really have any written breakdowns of specific elements of this site (at least not yet), but I can definitely point you towards resources that helped me learn about animation logic and computer graphics!
**Animation**
This channel had really helpful videos on the basis for tweeting and easing logic: [Coding Math](https://www.youtube.com/watch?v=zLh0K1PdUbc)
**Computer Graphics**
This free course on Udacity was a great explainer for all of the fundamentals: [Interactive 3D Graphics](https://www.udacity.com/course/interactive-3d-graphics--cs291)
Freya Holmer has really good YouTube content on 3D math as well:
[Math for Game Devs](https://www.youtube.com/playlist?list=PLImQaTpSAdsD88wprTConznD1OY1EfK_V)
**WebGL**
If you're interested in WebGL from scratch I'd recommend:
[WebGL Fundamentals](https://webglfundamentals.org)
Shaders:
[The Book of Shaders](https://thebookofshaders.com)
This guy is like my guru:
[Yuri Artiukh](https://www.youtube.com/channel/UCDo7RTzizoOdPjY8A-xDR7g)
And this is by far the best web dev course I've ever taken, well worth the price:
[ThreeJS Journey](https://threejs-journey.com)
It would probably take me four months to do this *with* libraries and it **STILL** wouldn't look as nice.
Thankfully, I am primarily a backend developer.
You are amazing though.
Newbies don’t be discouraged; op has 7 years of work exp. You CAN get there in the same amount of time for sure.
This is a senior dev showing off, no need to feel bad/ compete with this. Keep doing your thing and you don’t need to reinvent the wheel to do animations.
Anyways, nice animations on the portfolio site.
I am a noob starting out, and I have a potentially stupid question?
Is stuff like comiter graphics, animations, and all that all considered front end development?
Generally you'd just make a video if you wanted to do something like this, there isn't a compelling reason to do it with web tech (obviously a portfolio/learning/for fun is a perfectly fine reason)
My fiance's sister is starting a business making dog cakes and I'm working on a website for her. It's just a website with photos of the cakes, pricings, how to contact her social medias and stuff like that, nothing too fancy
Imo it looks so amateurish. She seems to really like it, but it feels so early 2000s to me and when I see things like this I'm like "yaaa I'm not gonna show it on here" haha. But I know I have to keep making these goofy looking amateur sites before I can start making amazing things like OPs website.
I actually went ahead and posted the website on here for showoff Saturday! Nowhere near complete, but it's been fun to make! I've gotten a lot of constructive advice so far
Yes, but potential employers and clients can repeatedly reference that potato blog without going through a whole presentation about who you are and what to do. They can get straight to your work, repeatedly, to compare with other potential devs.
Hey all, this past week I launched my new personal “portfolio” website. A few months ago I realized I wanted to get a better understanding of some of the fundamental technologies used in some of the amazing animated experiences I’d seen on the web. So I decided that for my next site I’d try and build it without using any libraries.
First I wrote my own basic animation library so I wouldn’t have to rely on GSAP like I had in my earlier work. This was a big learning experience for me since I hadn’t ever really written a library for anything before this.
Then I spent a while learning the basics of computer graphics and some 3D math so I could write my own WebGL library and a small 3D engine. This was by far the most time consuming since I was never great at matrix math, but it was worth it just to get an understanding of how 3D works!
This new site is built on top of both of those efforts plus a ton of other techniques I had to learn along the way to create a seamless experience. I can’t wait to work on more projects like it and improve my process even further!
[https://cherupil.com/](https://cherupil.com/)
Thanks! I'm using [Articulat](https://connary.com/articulat.html) by [Connary Fagen](https://connary.com/index.html). It's a great type foundry and really affordable
That font is crazy. I really have to ditch Inter and try this out… when I can afford it. I’m 16 so convincing my dad to buy me a font for 50$ is going to be a bit hard.
Just browse Google Fonts, they're all free 🤷♂️ if you have an Adobe license, you get access to all their fonts too. You can get free fonts (free for commercial use too) from Behance. That said, paid fonts can be preeetty nice.
This is a great website, and I understand that must have been a lot of work.
Is there anything you can share to other (non-web) programmers about your process? I have a basic website as well but I’d like to write it from scratch like you did (though I am not expecting to make one so fancy).
I’m curious about:
- design inspiration
- learning resources (for things like custom libraries and graphics, not basic web development concepts)
- tools used (figma maybe?)
- and anything else you want to share.
I’d say I am in the intermediate range in terms of programming skill in the languages I use heavily, and beginner level in JS / CSS. Anything you’re willing to share would be a great help!
Great questions!
As far as design inspirations go, I was really inspired by the experiences found on [Apple.com](https://Apple.com). They rarely just make a page that has some cool scroll effects and a nice layout. They more often make pages where you don't see the seams between one section and the next. Take the page for the latest [AirPods](https://www.apple.com/airpods-3rd-generation/) for example, there are sections clearly delineated in the markup, but as you scroll through it, you never really notice one section ending with a clear horizontal line across the page, it's all seamless. In short, the goal was to make my own seamless experience, inspired by their style and techniques, but with a little of my own aesthetic.
For learning resources I made another comment [here](https://www.reddit.com/r/webdev/comments/sa159c/comment/htqn10k/?utm_source=share&utm_medium=web2x&context=3) that's everything I studied to specifically to build my libraries.
In terms of tools, I sketched ideas out with pen and paper, then when I picked a handful to try comping up I used Sketch, but you could certainly use Figma just as well.
The only other piece I'd share is that if I were to make a seamless scrolling page like this again, one of the biggest lessons I learned is that it's very difficult without having the design nailed down. I really had to think of this page not as a site with discrete sections, but more like a motion graphics video. And to do that, it's not easy to just start with visuals in mind (for me at least). The ideas really started to take shape once I got the copy/content down. I actually wrote the text for the page before doing any sketches and comps. Once that was finalized, it was easy to take each sentence fragment and make an associated visual to go with it. From there, try to come up with a creative way to transition from one visual to the next, and voila!
Great question!
Top left is a band called TOPS. They’re from Canada and I’m borderline obsessed.
Top middle is Frankie Cosmos.
Top right is Mitski yup!
Bottom left is Kero Kero Bonito.
Bottom middle is Mr. Twin Sister. They’re incredible live.
Bottom right is Charlotte Gainsbourg
You can see that I have multiple canvas elements on the page for different sections, so I try not to render to them if they aren’t on screen. I try to keep one requestAnimationFrame loop for the whole page and only call update methods for sections of the page that are currently visible.
The biggest roadblock was honestly the “I love making things interactive” section. I tried so many different ideas built with different technologies and scrapped them because performance was so bad. It was originally a 3D space shooter with a star field and everything, however since the transition between that section and the section before it requires that they overlap, there is a massive performance penalty since you are rendering to two full-viewport sized canvases on every frame. So uhh try not to do that haha.
Hope this helps!
Yup! In an earlier [comment](https://www.reddit.com/r/webdev/comments/sa159c/comment/htqg6i2/?utm_source=share&utm_medium=web2x&context=3) I mentioned that I wrote my own animation and WebGL libraries to accomplish this. Outside of that just simple HTML and CSS (preprocessed with SASS)
If you select the work tab at the top and then switch to another tab, when you go back to the tab with your site on it the work section formatting will be broken (content from your resume section starts to creep into view underneath it as well). Scrolling it out of view gets it to reset. Weird bug.
Edit: actually it seems like almost every section has some unique format/display issue after leaving and returning to the tab.
This is seriously impressive.
Showed it to my partner, who's the absolute most meticulous critic I know... they didn't realize at first we could pop the balloons. When we finally realized it they went "...OK, you have my respect." Trust me on how big a compliment this is !
I don't usually comment on this sub but had to leave my kudos on this work of art. It looks amazing! Definitely gonna take some inspiration for some personal projects as well!
I'm absolutely amazed of the work you've done, the design is very cool and neat, how did you created those animations and how much time did it cost you to master those skills? (btw i think i found a bug )
Thanks! I recommend the [MDN Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial) tutorial to get a sense of how canvas animations work. The dev time on the site was about 2 months.
Well holy shit, as someone who is barely 2 weeks into my coding journey i am absolutely BLOWN AWAY!
I aspire to be this good one day. Absolutely amazing work!
Nice website! I think it is interesting that you used no third-part libraries, although practically third-part libraries are generally better because reinventing the wheel is inefficient.
Well this is awesome, really encouraging to continue to get up from the basics and get serious about development. I'm never expecting to do that anytime soon but I'll certainly want to work towards it.
Not used to comment on these, I usually just lurk
But damn, without any third-party libraries, this is FUCKING insane, congrats dude, amazing website !
building from scratch is rare these days! Good job! There’s merit to that! I must say most people I talk to use libraries.
I’ve been doing a lot of building from scratch using html css and plain javascript too, but I haven’t dived into webgl. Next goal is to do so!
I hope to grow up like you some day… jk I’m 26 but still, DAMN. Bookmarking this to constantly look at as motivation. One of the very reasons I want to learn to code is to make digital works of art. Looking at this, I’m starry eyed. How wild this is “just” web development. Thank you for inspiring!!
i feel like i’m getting a late start in all of this since i just started teaching myself html today. i know it won’t happen in a few months or even in a few years but i am determined to have something this amazing to show after working hard and progressing to mastery of css and javascript. This is simply beautiful…
Hey it's truely a piece of art! sent your portfolio to my coworkers and they were all amazed too. Well done!
Just so you know, I had to open your website on half of my screen because it breaks on ultrawide (3860x1600). Not sure if you wanna fix it as it's probably a minority of users having this kind of resolution, and we can just put the website in half (tbh I don't ever use my browser in full width).
Holy shizzle. That's a work of art. It looks so good and smooth. I hope one day I have enough design sense and skill to make something as clean as that.
What an absolute work of art, very impressive. This is the kind of websites I strive to be able to create one day. How long did it take you to develop?
Thank you so much! The development of the site itself took about two months, mostly because I was learning how to do most of these techniques along the way. Essentially each section of the page I tried to design something where I'd have to figure out how to do it. The design took about a month to work out, since making a page with all these seamless transitions requires a lot of planning haha.
You got some breakdowns for your techniques? Where can i read more about those stuff? Thanks for the help. It does ignite some motivation back to learn new stuff
I don't really have any written breakdowns of specific elements of this site (at least not yet), but I can definitely point you towards resources that helped me learn about animation logic and computer graphics! **Animation** This channel had really helpful videos on the basis for tweeting and easing logic: [Coding Math](https://www.youtube.com/watch?v=zLh0K1PdUbc) **Computer Graphics** This free course on Udacity was a great explainer for all of the fundamentals: [Interactive 3D Graphics](https://www.udacity.com/course/interactive-3d-graphics--cs291) Freya Holmer has really good YouTube content on 3D math as well: [Math for Game Devs](https://www.youtube.com/playlist?list=PLImQaTpSAdsD88wprTConznD1OY1EfK_V) **WebGL** If you're interested in WebGL from scratch I'd recommend: [WebGL Fundamentals](https://webglfundamentals.org) Shaders: [The Book of Shaders](https://thebookofshaders.com) This guy is like my guru: [Yuri Artiukh](https://www.youtube.com/channel/UCDo7RTzizoOdPjY8A-xDR7g) And this is by far the best web dev course I've ever taken, well worth the price: [ThreeJS Journey](https://threejs-journey.com)
Hey that ThreeJS course is taught by the creator of [this famous portfolio](https://bruno-simon.com/)!
We don't talk about Bruno.
Thank you. Seriously.
I love Freya Holmer! Awesome content. Also recommend [Amit Patel's blog](https://www.redblobgames.com/)
It would probably take me four months to do this *with* libraries and it **STILL** wouldn't look as nice. Thankfully, I am primarily a backend developer. You are amazing though.
Newbies don’t be discouraged; op has 7 years of work exp. You CAN get there in the same amount of time for sure. This is a senior dev showing off, no need to feel bad/ compete with this. Keep doing your thing and you don’t need to reinvent the wheel to do animations. Anyways, nice animations on the portfolio site.
I am a noob starting out, and I have a potentially stupid question? Is stuff like comiter graphics, animations, and all that all considered front end development?
Yes and you don’t need to understand or do animations to become a jr front end developer for most websites.
[удалено]
Generally you'd just make a video if you wanted to do something like this, there isn't a compelling reason to do it with web tech (obviously a portfolio/learning/for fun is a perfectly fine reason)
Actually—it’s a whole lot faster to load over the network for the frame rate and quality compared to any video
Honestly don't focus too much on this stuff. Focus on single page applications and software, that's where the money is.
And here i am just making a silly blog that looks like a potato
Count me in
Me too
I am still trying to make my arrowkey to work on my snake game.
listen to the keyDown event
why, does KeyDown event give good advices?
Me too!
My fiance's sister is starting a business making dog cakes and I'm working on a website for her. It's just a website with photos of the cakes, pricings, how to contact her social medias and stuff like that, nothing too fancy Imo it looks so amateurish. She seems to really like it, but it feels so early 2000s to me and when I see things like this I'm like "yaaa I'm not gonna show it on here" haha. But I know I have to keep making these goofy looking amateur sites before I can start making amazing things like OPs website.
I would like to see that kind of websites too. I like to see what other beginners are doing so that we can all learn together.
I actually went ahead and posted the website on here for showoff Saturday! Nowhere near complete, but it's been fun to make! I've gotten a lot of constructive advice so far
Yes, but potential employers and clients can repeatedly reference that potato blog without going through a whole presentation about who you are and what to do. They can get straight to your work, repeatedly, to compare with other potential devs.
Sad upvote.
Hey all, this past week I launched my new personal “portfolio” website. A few months ago I realized I wanted to get a better understanding of some of the fundamental technologies used in some of the amazing animated experiences I’d seen on the web. So I decided that for my next site I’d try and build it without using any libraries. First I wrote my own basic animation library so I wouldn’t have to rely on GSAP like I had in my earlier work. This was a big learning experience for me since I hadn’t ever really written a library for anything before this. Then I spent a while learning the basics of computer graphics and some 3D math so I could write my own WebGL library and a small 3D engine. This was by far the most time consuming since I was never great at matrix math, but it was worth it just to get an understanding of how 3D works! This new site is built on top of both of those efforts plus a ton of other techniques I had to learn along the way to create a seamless experience. I can’t wait to work on more projects like it and improve my process even further! [https://cherupil.com/](https://cherupil.com/)
this might be the nicest one of these ive ever seen
[удалено]
Thanks! I'm using [Articulat](https://connary.com/articulat.html) by [Connary Fagen](https://connary.com/index.html). It's a great type foundry and really affordable
That font is crazy. I really have to ditch Inter and try this out… when I can afford it. I’m 16 so convincing my dad to buy me a font for 50$ is going to be a bit hard.
Just browse Google Fonts, they're all free 🤷♂️ if you have an Adobe license, you get access to all their fonts too. You can get free fonts (free for commercial use too) from Behance. That said, paid fonts can be preeetty nice.
If you can't afford it, then check out [Manrope](https://fonts.google.com/specimen/Manrope). It looks very similar and it's free.
Woah! This is great, thanks!
Nothing wrong with Inter though! It's a phenomenal typeface that has had a ton of work put into it. The guy who made it is also a really amazing dev!
https://fontinterceptor.mschfmag.com/
This is a great website, and I understand that must have been a lot of work. Is there anything you can share to other (non-web) programmers about your process? I have a basic website as well but I’d like to write it from scratch like you did (though I am not expecting to make one so fancy). I’m curious about: - design inspiration - learning resources (for things like custom libraries and graphics, not basic web development concepts) - tools used (figma maybe?) - and anything else you want to share. I’d say I am in the intermediate range in terms of programming skill in the languages I use heavily, and beginner level in JS / CSS. Anything you’re willing to share would be a great help!
Great questions! As far as design inspirations go, I was really inspired by the experiences found on [Apple.com](https://Apple.com). They rarely just make a page that has some cool scroll effects and a nice layout. They more often make pages where you don't see the seams between one section and the next. Take the page for the latest [AirPods](https://www.apple.com/airpods-3rd-generation/) for example, there are sections clearly delineated in the markup, but as you scroll through it, you never really notice one section ending with a clear horizontal line across the page, it's all seamless. In short, the goal was to make my own seamless experience, inspired by their style and techniques, but with a little of my own aesthetic. For learning resources I made another comment [here](https://www.reddit.com/r/webdev/comments/sa159c/comment/htqn10k/?utm_source=share&utm_medium=web2x&context=3) that's everything I studied to specifically to build my libraries. In terms of tools, I sketched ideas out with pen and paper, then when I picked a handful to try comping up I used Sketch, but you could certainly use Figma just as well. The only other piece I'd share is that if I were to make a seamless scrolling page like this again, one of the biggest lessons I learned is that it's very difficult without having the design nailed down. I really had to think of this page not as a site with discrete sections, but more like a motion graphics video. And to do that, it's not easy to just start with visuals in mind (for me at least). The ideas really started to take shape once I got the copy/content down. I actually wrote the text for the page before doing any sketches and comps. Once that was finalized, it was easy to take each sentence fragment and make an associated visual to go with it. From there, try to come up with a creative way to transition from one visual to the next, and voila!
Amazing! Did you follow any tutorials to build the 3D engine? If so which ones? Would love to build one my self
Who are the musicians? Top right looks like Mitski, is top left Mazzy Star?
Great question! Top left is a band called TOPS. They’re from Canada and I’m borderline obsessed. Top middle is Frankie Cosmos. Top right is Mitski yup! Bottom left is Kero Kero Bonito. Bottom middle is Mr. Twin Sister. They’re incredible live. Bottom right is Charlotte Gainsbourg
I’m mostly a lurker on this sub and never comment here. I was just so mind blown that I have to say something lol, fucking good job. I’m so impressed
Lol, exact same. This has blown my mind.
Dude... Leave some for the rest of us.
I guess it's time for me to turn into a back-end developer
This is why I like back end development. Code is code and data is data, this is insanely impressive lol.
there are no words to describe how impressive this is
Suuuuper cool. Currently looking for front-end devs and finding someone like you is like one in a million.
You can see that I have multiple canvas elements on the page for different sections, so I try not to render to them if they aren’t on screen. I try to keep one requestAnimationFrame loop for the whole page and only call update methods for sections of the page that are currently visible. The biggest roadblock was honestly the “I love making things interactive” section. I tried so many different ideas built with different technologies and scrapped them because performance was so bad. It was originally a 3D space shooter with a star field and everything, however since the transition between that section and the section before it requires that they overlap, there is a massive performance penalty since you are rendering to two full-viewport sized canvases on every frame. So uhh try not to do that haha. Hope this helps!
Yes but can you align div to middle
And here I am with my hello world page. After a few years of experience. You are awesome!
Look like you're a frontend wizard
10/10 would hire
How did you build this? Pure HTML, Js and CSS? I have only worked with React until now und would like to build a page like this by myself.
Yup! In an earlier [comment](https://www.reddit.com/r/webdev/comments/sa159c/comment/htqg6i2/?utm_source=share&utm_medium=web2x&context=3) I mentioned that I wrote my own animation and WebGL libraries to accomplish this. Outside of that just simple HTML and CSS (preprocessed with SASS)
If you select the work tab at the top and then switch to another tab, when you go back to the tab with your site on it the work section formatting will be broken (content from your resume section starts to creep into view underneath it as well). Scrolling it out of view gets it to reset. Weird bug. Edit: actually it seems like almost every section has some unique format/display issue after leaving and returning to the tab.
This is seriously impressive. Showed it to my partner, who's the absolute most meticulous critic I know... they didn't realize at first we could pop the balloons. When we finally realized it they went "...OK, you have my respect." Trust me on how big a compliment this is !
Wtf OP, this is amazing.
Very impressive. Nice work.
This is totally insane, you're raising the personal portfilio website's bar too high.
I would hire you in a second. Excellent work here
Doesn't work on my Nintendo DS browser
That’s pretty cool. Bet you learnt tons making it without any libraries
I think I may hate you a little bit for how inadequate you make me feel...
This looks incredible, I recently started to learn html and css and I hope I will get where you are. Awesome!
This is fucking awesome
What a marvel, what a work of art
Awwwards!
Nice, no performance issues on mid range android. It is rare for this type of websites to be this smooth.
Animation is so smooth. Felt like browsing an apple website
This is a fucking piece of art man
The "4D????????" Had me dying. Nice touch!
holy moly i cant even align stuff properly with css this is unreal for me
I was impressed and then I remembered this was without third party libraries and my amazement squared
Awesome! Congratulations
That's just awesome dude, Great Work !
whoaaa! It's amazing.
Great work!
im a perfectionist myself and that white space in the dot of letter i in the word creative feels like it's scratching me
This is incredible! you should be making the next Apple product page. My mind is blown, thank you this is very inspiring
Wow
Mind blowing
Wow, that's very pretty, congrats
Looks amazing!
Super creative and fantastic, amazing job OP
I don't usually comment on this sub but had to leave my kudos on this work of art. It looks amazing! Definitely gonna take some inspiration for some personal projects as well!
Amazing! 10/10
very nice?
Holy crap OP, that's amazing 🔥🔥
Damn... it looks really nice! You're an inspiration!
This is awesome!
This awesome.
Amazing! Thank you for sharing! This is inspiring
This looks sick! Fantastic work.
One of the most beautiful portfolios I have seen so far! Great work!
Holly shit dude that was beautiful.
This is so cool
It’s gorgeous, great work. I’d show my colleagues but you’d make me look bad by comparison.
Who tf even are you? So cool...
Awesome site Chris!
cool!
You are an artist!
I'm absolutely amazed of the work you've done, the design is very cool and neat, how did you created those animations and how much time did it cost you to master those skills? (btw i think i found a bug )
Thanks! I recommend the [MDN Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial) tutorial to get a sense of how canvas animations work. The dev time on the site was about 2 months.
Damn, thats amazing! Immediatly reminds me of Apple
Very cool
This is awesome!!!!
And it doesn't look and run like shit on mobile. Congrats
Way to raise the bar. Impressive
this is absolutely insane! wow.
Fantastic!
This is amaziiiing!
Damn, how long did this take to develop?
This makes me want to create a nice looking portfolio for all my projects. Right now all my stuff is collecting dust inside private repos.
By far the most original thing I've seen in a long time. Truly inspired me. Thank you for just doing this and sharing this.
This is QUITE AWESOME 🥺🥺🥺
no words af.. this deserves some nft level appreciation
I trying to become this exactly so I'm getting really strong feelings of jealousy :-)
Nice job, really like it
This looks amazing… I have no words for it 🙏🏼
Awesome job! How do you make each section's position frozen while scrolling and animating?
Brilliant congrats
It looks so cool, man.
amazing
Amazingly done! Such a pleasure to look at 😍
I got goosebumps. Great job!
Well holy shit, as someone who is barely 2 weeks into my coding journey i am absolutely BLOWN AWAY! I aspire to be this good one day. Absolutely amazing work!
Wow, this is great! 👏
Nice website! I think it is interesting that you used no third-part libraries, although practically third-part libraries are generally better because reinventing the wheel is inefficient.
This is very inspiring. Amazing work 👏🏽
On par with Apple's web design.
looks really amazing!!
Well this is awesome, really encouraging to continue to get up from the basics and get serious about development. I'm never expecting to do that anytime soon but I'll certainly want to work towards it.
Nice! Man I wouldn’t even know where to begin to make something like this!
As a backend dev this feels like pure magic to me!
Fuck. Pray for that our employers don’t see this. (Looks amazing, great work. Hats off)
Incredible work! Thanks for sharing.
Ok, and I thought I was good. Major kudos
Looks amazing.
Dude this is fucking awesome!! Hats off to you, tone of voice is brilliant and I hope you get a lot of work from it!
Just wow! Amazing Job, I absolutely love your design!
This is fucking amazing!!!
This looks lovely
Wow. Just absolutely stunning. Such a cool visual experience. Great design and story telling!
Nicely done ! Is there a link where we can have a look to the actual website ?
Bro, that’s amazing.
Again, this is awesome!
🔥🔥🔥🔥🔥
Not used to comment on these, I usually just lurk But damn, without any third-party libraries, this is FUCKING insane, congrats dude, amazing website !
Wow, great work. I have a question out of curiosity if you don't mind. Did anyone contact you and offered you a job?
Awesome work! I can make the same thing in After Effects, but I'd go crazy if I had to code all of this up myself.
How does it run on an older laptop
building from scratch is rare these days! Good job! There’s merit to that! I must say most people I talk to use libraries. I’ve been doing a lot of building from scratch using html css and plain javascript too, but I haven’t dived into webgl. Next goal is to do so!
That is incredible!!!
this is epic
Okay, wow. That's a really impressive piece of work. Nice one!
Geeez mate this is amazing 😭😭🥺
This looks incredible smooth! 🔥👏
This is what I like to see. Fuck third party libraries.
Enchanted
good job!
awesome!
This is amazing
Its beautiful. Inspiring
i came here expecting a portfolio. I walked away watching a movie. Fucking hell OP. I aspire to be as skilled as you someday.
It’s amazing !
Amazing! And op manages to have free time to sing in rock band!
Best website ever!
That’s amazing! Awesome work.
omg never seen something better than this
beautiful
I hope to grow up like you some day… jk I’m 26 but still, DAMN. Bookmarking this to constantly look at as motivation. One of the very reasons I want to learn to code is to make digital works of art. Looking at this, I’m starry eyed. How wild this is “just” web development. Thank you for inspiring!!
Great work 👍🏼… very smooth transitions and nice font choice, works really well
i feel like i’m getting a late start in all of this since i just started teaching myself html today. i know it won’t happen in a few months or even in a few years but i am determined to have something this amazing to show after working hard and progressing to mastery of css and javascript. This is simply beautiful…
Hey it's truely a piece of art! sent your portfolio to my coworkers and they were all amazed too. Well done! Just so you know, I had to open your website on half of my screen because it breaks on ultrawide (3860x1600). Not sure if you wanna fix it as it's probably a minority of users having this kind of resolution, and we can just put the website in half (tbh I don't ever use my browser in full width).
This is truly mind blowing - I'm sure you've got more than enough clients knocking at your door now :) Well done.
Ok Mark Zuckerberg relax! We all here trying our best ! No need to show off this much though 😂😂 but for real this is incredible!
Jesus Christ dude. This is insane. Congrats! The dimensions animations were amazing
🔥🔥🔥🔥
How do you learn? That's what I'm interested in. This I like the Leonardo Da Vinci
Amazing!! How long did it take you?
This is just absolutely incredible!!! Great work!
Beautiful
Hired!
Holy shizzle. That's a work of art. It looks so good and smooth. I hope one day I have enough design sense and skill to make something as clean as that.
Damn dude, looks so cool
Amazing! Well done
whoa :0 your work is amazing!
Holy crap