Three.js personal portfolios are amazing...
Vložit
- čas přidán 3. 06. 2024
- Join .Tech Domains with Break The Code and win amazing prizes!!! ➡ go.tech/filip
Yes - this is a very highly requested video following my series "Web Developer reacts to incredible websites". In this video, we look into a variety of websites and web applications all made with three.js, and each one serving a different purpose. The flexibility of web development amazes me every single day!
Websites featured today are fully mobile responsive (apart from the last fingerspelling website) - here are the links:
0:00 IMPORTANT intro
1:43 first website
3:20 Break the Code (MUST WATCH)
5:26 second website
8:38 final website
danny-garcia.com
www.robinpayot.com
jesse-zhou.com/
Get your Developer Resume Template ➡ shop.developerfilip.com ✏️📋
Join my Newsletter ➡ shop.developerfilip.com/sign-up 🔥
Follow me on Twitter ► / developerfilip
Join my Discord Server ► / discord
Follow me on Instagram ► / developerfilip
Check me out on GitHub ► github.com/FilipGrebowski
INQUIRIES AND COLLABORATIONS ► grebowskifilip@gmail.com
MUSIC BY ► @epidemicsound
#developer #reacts #websites - Věda a technologie
the 3-d ramen shop is the most amazing and inspiring thing I have EVER seen on the web.
Then checkout the website of the guy he mentioned as inspired by in the credits on game.
Now I get the idea 💡 to make something like this.
Damn people are creating the metaverse in websites while I still can't center a div inside another div without searching it for the millionth time.
We all start somewhere brother, just keep going. However, you need to have a burning desire to manifest anything in life.
😂😂😂
Relatable. I hope I eventually get 1/3 as good as this
these portfolios are next-level. they've seriously raised the bar!
i love this series! so amazing to see how many great and creative developers out there
The last one gave me an idea and answered my questions inside my brain. Last site is absolutely amazing.
These websites are so impressive, really inspired by how those website looks
Reminds me the story of a marketing manager who killed a series of ads that everyone loved. And his point was: everybody loved these ads, but nobody bought the product.
These websites feel pretty much the same way: They looks amazing, the animation is crazy complicated, but I would hate being an user trying to get something done or finding a piece of information on these websites.
Im in the industry of GRAPHIC DESIGN for quite some time and let me tell you one simple thing - you grow to appreciate and be fond of aesthetics. Clarity and message delivery are very crucial for best informative portfolios. I used to get excited from all the game-like websites and being impressed by developers capabilities.
The skills are very much shown, of course! but as a recruiter I couldn't for the world have managed 30 seconds in these overdone portfolios just in order to navigate and check one quality fit.
@@14onyx So basically keep the portfolio minimalistic while showing a bit of your creative abilities and expand on those said abilities in the projects you include in the portfolio? As a recruiter, what else would leave you with a good impression with websites like these?
It's just a way to showcase your skills and make you stand out. It doesn't have to be totally practical, but if you can build this, you pretty much know web dev solid.
you sound like a crusty code vetran lol
that might not the point. but, no offense, Sylver.
One thing u missed, On clicking ramen bowel 3D model on rooftop is breaks into splashes.. really really cool.. and creates a beautiful matrix like pattern to create bowl again
on the final website, there is Japanese text, one says good, another says ramen (I'm sure he put that there to further emphasize the ramen theme ), and one that says Ramune which is a delicious drink, so, yeah there are just that many details in these webpages.
7:00 My guess is this is a particle system that is sampling from a texture which sources an HTML webpage converted to a canvas.
As someone who is just beginning to learn about loops and arrays etc I am blown away!
Shieeeeeee** I was alrwady surprised by CSS and now this.
Loved the last one. First one - not so much. Creativity is no good without thinking of usability. Users should be able to focus on the text when they're trying to read something.
Its still quite readable if you keep cursor away from text, Plus I think will that level of work, he can implement a text-bubble wrap function. The one i prsonally liked the most is the 2nd one, It is going to be hard to top that
@@ahmedifhaam2669 I'll add that these kinds of portfolios are typically seen in Designer work vs developers though from what I see the Design/Developer role is interchangeable and many these days specialize in both.
@@ahmedifhaam2669 sucks to read on mobile
@@ahmedifhaam2669 usually when a person reads some text on a screen, their cursor naturally moves over the text/image. the first website just had lacking ux in this regards.
despite the text problem, the first one is still more usable and has better UX than the last one. the best in the vid is the 2nd website
Hey Filip bro. I love the 1st and the 3rd one. Amazing... Love to see and learn more from you especially coding ⌨️
All these websites are incredible, thanks for showing them.
Full stack dev here, these look really cool.
OMG ITS WORKED. Guys it really worked. Thank you
always bruno simon... i've taken his course on three.js very well spent money
Final website looks so amazing
This was so helpful!! Thank you
I feel some of this websites are kind of too much. I get that some of these developers make one of these 3D personal website/cv for testing and showing off skills purposes. But they don't seem functional at all tbh, too distracting and takes too long to go through the website.
Still cool for other things tho
showoff is the point :D why would your portfolio need to be functional
@@mushroom6075 I would like my reviewer to actually read my resume but UI /UX don't need too overpowering in most cases ....maybe if they are looking for a three js developer
@@mushroom6075 yeah i guess, what i mean is that most employers probably don't want anything like those over the top websites, so imo they don't really show off the kind of thing that an employer would look for
@@drchey1397 which is why these are important things that need to be considered by devs. No employer is the same, they are all different so its all about tailoring; I think these portfolios are great, and would definitely land them employment but maybe to subdue that factor that you mentioned which is very valid because sometimes employers want to just get straight to the resume, they could provide different mediums within the website, for example options, an explore option to get the immersive experience like showcased in the video or a resume option to go straight to the work and skills. I believe that we shouldn’t compress our creative abilities just to suit employers but we should adapt, else we would be broke haha
Omggg the last one is amazing
The ramen shop reminds me of 3D models I see Polygon Runway make.
As someone who also speaks French, honestly it's no surprise a lot of the insane 3d artistic web projects are often French. The French really don't play around with Arts, cuisine, and also fragrances.
Yeah I definitely think so
Ya ok
@@edenassos Garri, you ok ?
Or Islam.. or war.. of cleanliness.
When WebGPU and WebTransport hits mainstream, that's when the world of browsers will change.
hi thank you for providing us such us content please I am excited to see the startup series it will be really a great thing
Filip your choices are amazing 👏🏼... keep going.
Have you tried to insert the Konami code in the credit section of the last website?
the last one was dam epic.
awesome video this is like my 20th time watching it now trying find out what the scroll function is for the second website of robinpayot, its stuck in my head and find the flow of the website amazing. any help would be great👍
I tried to learn three.js awhile ago and my brain nearly melted dont know if I should venture back into it
Get back into it!!!
how are people so dam creative
Bro it’s very intimidating! I’ve been slacking on it for a month now. The symbols are very confusing. You have to train your mind to
Hi. I got interested in website design recently and would love to start a career. Your reaction videos, though advanced on my level, do provide wonderful ideas and are educational. Would love to see reaction videos for WordPress web design in the future.
last is very amazing
Oh my gosh people are so talented ❤
Bro...
Filip why are so good?
I love 3js it is just soo useful I hope that it can be a little easier! I’m subbed, I love your content
Hey Filip, your channel is very small right now but when you reach a million subcribers, don't forget me!
P.S You inspired me to learn HTML😁
Hey Mark! I wish! Right now I’m creeping toward 100k, but still it’s a far journey. I do appreciate the kind comments and I’m thrilled I was able to drag you into the world of web dev! All the best dude! 😎
The reason why every talented devs are from France is because our mentors are talented, so do we become talented.
In the US mentors are not the norm unfortunately. Im moving to France then lol.
6:30 those must be shaders with threejs :)
this is amazing really amazing for me number 2
I need a tutorial to make the Jesse Ramen one!!!!
the headphones plugged in but the soft still cos though the computer speakers . It really should be because bluetooth has a delay
If I was an amazing developer, which I'm currently not, I would definetly move to France.
FRANCE ??? are you crazy ? it's a shit place man, TRUST ME !
i think these are the students of bruno simon😅
In Paris they have a couple really great web development programs specificaly HETIC
true, bruno simon he teaches in hetic as well that's why
waoo i like that toturial, hope you do that on the next video
That's sick!, btw where can i obtain those portfolios to attempt to open them?
In the description!
Awesome, great video!
Minds Blown
Good morning, good evening, good afternoon KEVIN
what they use to make this animated templates?
This is real good...Jeez!
filip i have a doubt related to last Porfolio i am not able to inspect or download the source code what should i do pls.help me guys
How did they do this?! I want to do it but I don't understand where and how to begin... I need to know JavaScript and others?
7:47, Maybe there is a great teacher in paris teaching them all
and his name is Bruno Simon ;)
@@LaraGucciTV not wrong lul
i want that RAMEN SHOP in the METAVERSE!!!!
Good TWIXTOR tutorial
Is that ironman fighting thanos on that ramen website?
I feel like the guy that made the Ramen Shop, should do his own startup and not work for someone else's company.. That's an insane amount of skill..
1:50 now think if HR asks him to explain what those balls do 😂
Omg omg u so phunny.
Michael Fassbender is teaching Web Development 👏👏👏👏👏👏👏👏👏
Great ✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️
They're a magician..
these website are crazy
Bro successfully installed in laptop thank you.
What did you install genius?
Brandony man pls i need to know how can I restore the snare and the hat in the channel rack, I accidentally deleted them.
i am currently finishing up with a css and html course , can anyone recommend a project website to do, so i can further solidify what i have learned?
How to make the ramen one it’s really amazing,🎉
TNice tutorials is literally the hardest tNice tutorialng my brain can't comprehend. AnytNice tutorialng else I do takes a few minutes and tNice tutorials is just.. it's just so confusing
Annnnd you just hyped me to learn three.js like really bad
Can i be a logo designer and video editor at the same time on my portfolio website and actually showcase some of my best logo design and video editing works I’ve done🙏?
Of course!
4 so cool ♥️
So creative
I think the one with the track is the best, that last one is easy
Have been developing for two months html and css😩
Welcome to the rabbit hole - keep going. Trust me....keep going :)
Hopefully you stick with and are a lot better now
Stuck
as an experienced webgl/threejs dev, #2 > #3 in my opinion! (#3 still cool too)
do you specialize in threejs in ur dev job? Asking because I'm curious how marketable three.js skills are for junior front-end web developers positions..
do you specialize in threejs in ur dev job? Asking because I'm curious how marketable three.js skills are for junior front-end web developers positions..
Kindly suggest a course to learn three.js so I can create something like this.
I am working on releasing several courses, first one will be the fundamentals to creative html and css, it should be fun 😁
who was in Paris?
How can I go into 3 js course… who knows where I can get the beginner series ?
READ THE DOCS !!!
creative comnt...........................Thank you!!!!!!
I know that it’s stupid as a CZcams viewer to write a comment like “that’s it, I’m unsubscribing” and acting as if the CZcamsr really cares about that.
But I just want to say: I really want to enjoy your videos. But if there’s a 1:30 minute intro telling me to subscribe and then after showing one website you go into an ad that’s more than 2 minutes long, it really gives the viewer the impression that you don’t really care about the viewing experience. Honestly, I’d rather save 13 minutes then and see three links to the portfolios so I can look at them myself. Of course I’m fine with CZcamsrs getting that money, but the way you do it really turned me off of watching your videos and I feel like other people might feel the same. You might see it in the retention rate, I might be wrong too. You have better insight than me.
Thanks for the comment, I think it’s important for me to address this! First of all, you are more than welcome to not watch my videos, nor to subscribe. I don’t force anyone to watch even a second of my content, people come here because they like what I do ☺️ You are always in control and can skip the introduction if you feel it’s irrelevant, there are also timestamps that allow you to do that and get directly into the actual content. As per the adverts, I don’t actually decide if a 2 minute video shows up, it’s not in my control. On that note, you can install Adblock and never see an advert on CZcams again. I put hours of work to make these videos so others can watch it for free and be entertained and inspired. ☺️ I’m happy for you to “save the 13 minutes” and watch someone else if that’s how you feel! 😎 All the best!
Mind blowing
really cool!
I would be afraid that if I made these recruiters wouldn't want to waste their time figuring it out.
soft. THANKS TO THE THE TEACHER.
wtf......i thought the codebreaker is also one of the portfolio you were gonna review
So... how's it going?
Do you have your website?
really work
I dоwnloaded everything is okay
My GMS (app) softs different. Why?
8:43
It actually demotivated me to watch this!
He hee
Once Upon a time.....
*mma not boxing
12:09 lol
Am I the only one who notice that three.js websites are very heavy? 🤔
all workеd
Nice
cool!