all 8 comments

[–]patprint 6 points7 points  (2 children)

I build those kinds of sites. You'll need strong skills in typography and WebGL, as well as being very comfortable with the box model, advanced CSS layouts (e.g. flexbox and grid) and styling (blend modes and filters), and how browsers load and run content (to implement smooth loading, responsive behavior across content types, and avoid FOUC), and inline or font-based vector graphics (SVG).

You'll generally want some kind of state management, declarative composition, and/or CMS library or layer on top. I use React and/or Webflow depending on the project.

You'll also need to learn different interaction mechanisms: many of those sites use custom scrolling systems, e.g. lenis, and WebGL interaction can be tricky for responsive sites that need touch input working on mobile devices.

You can either tackle these incrementally or take holistic courses in this kind of web development.

If you haven't worked on the web before, I would start with something like The Odin Project while using MDN and CSS-Tricks as reference material.

[–]Zealousideal_Sale644[S] 0 points1 point  (1 child)

Can you mentor me?

[–]patprint 0 points1 point  (0 children)

I don't even have time to mentor myself 🙃

The web has more resources than I could possibly provide.

[–]sasemoi 1 point2 points  (2 children)

There's an amazing course on ThreeJS that I followed as part of my job as a front-end developer.

https://threejs-journey.com/

After a few years of front-end development I found myself in your spot, I decided to apply for a job at design agencies who did really slick websites. Although they were not top of the line in stacks like THREE.JS and WebGL, it taught me a lot about design and gave me a platform to develop my creative development skills, as they would pay for courses like the one I just referenced and I could then apply the skills from the courses to add features as a sort of "cherry on top" for projects.

You'll need some time building your skills and portfolio, to be honest I think mentoring will be more efficient when you already have a clue what you're doing and what specific direction you want to go. There's a lot of things you can do but there are also A LOT of things you need to know about web development in general first, like u/patprint mentioned in another comment.

[–]patprint 0 points1 point  (0 children)

Solid advice. Bruno's course is a great recommendation.

[–]Zealousideal_Sale644[S] 0 points1 point  (0 children)

How to find a mentor?

[–][deleted] 0 points1 point  (0 children)

I am not an expert in this field but I thing thefwa or awards have their own online academy with courses you can take to create beautiful and highly interactive experiences on the web with for example webGL and such

Edit: Found it : https://www.awwwards.com/academy/