These Personal Websites are just WOW...

[@cwirus99]

"Everything is perfect. Definitely 8/10"

[@sillicon8227]

Ikr, like bruh

[@sagniksaha4179]

😂😂😂

[@thatonegoblin7051]

"I have compiled a series of five different websites" First time a web dev has ever compiled anything.

[@SimplyFizz]

Lmao

[@bl_nkspac_9650]

I've compiled sass... soo??.. XD

[@thebarnold7234]

Meanwhile React devs....

[@IxMeTutorials]

typescript?

[@iAmSavvi]

😂😂

[@arieltabuzojr2434]

I'm a beginner web dev and my god these sites overwhelmed me I have so many things to learn! But I was motivated so this is amazing!

[@NeerajBharadwaj007]

Same here brother 😭

[@fabriciobrazil8625]

Me too, i am a begginner web dev and i was looking for something that showed me what i can do with web programming.

[@bengrzybowski7671]

I'm a senior level developer and they overwhelmed me. lmao.

[@bill-cipher000]

@@bengrzybowski7671 oh lol

[@ayandak47]

@@bengrzybowski7671 u sure u are? Lol

[@developerfilip]

My confidence as a web dev dropped while filming this video lol Smash the thumbs up if you enjoyed it!

[@bhuvi1007]

I have been waiting for your video for a whole month!!. Anyway great video as always

[@GojoUltra-l5p]

How do you make such websites

[@yuvraajnarula6565]

@@GojoUltra-l5p that's my question ... I thought the svg's covered the whole animating and motion stuff but I'm trying to explore such options.... would love @Filip for some video

[@ptcreborntm]

why don't you pin your comment 😅

[@imbelugaandimacat9375]

I suppose you're not alone

[@a_spectator]

Thank you so much Filip, you definitely made my day :)

[@developerfilip]

Glad you liked it 😎 Thanks for sharing such an awesome portfolio with the internet 😜

[@diomerda111]

Assolutamente fenomenale

[@cutbyoccam1948]

Albino, absolutely awesome and amazing. Loved it. @Filip That was 10/10. Should have either been the only one showcased or the last one. I didn't want to see anything else after that one.

[@notscar]

poggers fra lol

[@samylakes]

Really like your website! A sort of like a movie in a website! Very cool!

[@web332]

When he gave the first website an 8 / 10 I died

[@身赤-w3w]

Yeah if that's a 8/10 ..

[@elliotnyberg9332]

why?

[@Minija]

same.

[@medul10alpha31]

@@elliotnyberg9332 is not but some time you can't read some words also the part of Mario should have an instruction to go more down . But is a crazy website.

[@TestSubject86]

He had to leave some headroom, these are all 10s

[@JoshuaOladeji]

Everyone: Cool Websites. Me: hunting for Inspiration 😅

[@justjosh6122]

Lmao what stage u in bro?

[@JoshuaOladeji]

@@justjosh6122 I do React now

[@justjosh6122]

@@JoshuaOladeji oh nice goodluck

[@coderkumar]

Mee too

[@MyBinaryLife]

not really.

[@arjuntejasvita]

16:09, you mentioned that he did not add enough detail. Filip, he does mention ALL his companies in his portfolio. They are displayed as icons on his desktop, if you look closely.

[@Po4to]

I really like how all these portfolios seem to do their own thing rather than chase whatever -morphism is hot right now. Even those on the minimalistic side are still sleek and elegant, with pretty bold splashes of color against the coal/graphite background. Purple seems especially intriguing in this context. But I'm mostly a sucker for cartoons - and one particularly obsessed with SVG - so my favs are Albino (with his knack for immersive storytelling) and Yuri (a little more "out there" but gotta love me some Ghibli and random monsters!).

[@AnnieTaylorChen]

Those sites are totally amazing for creative/interactive projects. For "ordinary" developers which are most jobs in the market, don't make it so complicated. HR/Recruiter don't have time to navigate and "enjoy" that, they just want to quickly find out what you do, which key words match, how experienced you are. Only when you pass that, you get to the next stage.

[@HandledToaster2]

Thank you. I'm thinking this is more geared towards web/UI design rather than web development.

[@hssy2jrocker]

The website itself is the resume

[@usemt9726]

Disagree completely, you guys should do portfolios that show who you guys really are!

[@Tawleyn]

For the most part, an HR person isn't going to pass or approve an applicant based on any websites or links you give them. They will be analyzing your resume itself and finding keywords and matching experience requirements. That's what gets you in the door. Then, when HR says "look at this candidate" the team responsible for interviewing you and determining your fit for the company is going to look at your information more deeply, and they will absolutely be checking out that cool website.

[@catsNcode]

@@HandledToaster2 lol this is not web or UI design. Coding animations takes a lot of lines of code.

[@rahat-ul-ainbakhtiar9083]

13:16 that was literally insane! Thumbs Up for Albino Tonnina

[@a_spectator]

wow, thanks :)

[@mocharsdev]

@@a_spectator great job. thats really awesome

[@luisguilherme2403]

I'm so proud of seeing a brazilian dev here and being this good!! really motivates me. Keep it up Iuri!!!

[@e-raticartist]

Também fiquei muito feliz, ele representou!

[@HandledToaster2]

Me pegou de surpresa tbm, mas Brasil tem muito desenvolvedor foda mesmo, a questão é que tudo vao embora do país já que... né.

[@rafaelvitor4230]

Na hora que li porta dos fundos ate assustei, mas depois que li tudo fiquei orgulhoso

[@xlxl7866]

Os brasileiros são os melhores, somos brabos !

[@monkeymode5652]

I started html a week ago at college. Now diving head first into css and java scripting. Looking at this really makes me stoked for future projects.

[@rachelking2371]

Literally same

[@simiken1234]

Since all of these are so good, I would propose a 9.0 - 9.9 rating system

[@pjortkat]

Two things: 1) The mail to link that opens a mail client is much less hassel to make GDPR compliant, since you don't need to write a terms of service and making the user read and accept these. So the contact forms that you say you liked in this video are actually not GPDR compliant. 2) The guy without SSL also had a contact form, mening the data filled into said contact form would be sent in plain text to the server, making it posible for a man in the middel atttack.

[@elijahbuscho7715]

They are all impressive, but I think some of them could be borderline gaudy. But I'm a bit curious what y'all think: could websites like these be too flashy, or is that not really a concern with a personal website? It might be that a personal website for a web designer is the opportunity to blow someone away with all the crazy stuff you can do, and less so about being able to consume the content? I think I'd prefer something simple and clear where I can learn more about them and their projects to something over the top pretty, but also I'm not a web-dev, nor am I looking to hire a web-dev, so my opinion might not be relevant here. I'm interested to hear anyone's thoughts :)

[@carltonkess862]

It showcases artistic expression, which seems necessary in the evolving industry, because the management of teams and team building is also evolving; the type of person you are is as important as what you can do. Also it showcases the willingness to adapt and evolve one's skills within the apex of leading technologies.

[@AmandaVieiraMamaesouCult]

It's useful for front end developers, but not so much for full Stack of back end ones

[@ohhhgaaaddd]

they are, but I guess these website doesnt exactly meant to show super user friendly design and more of a " I can do this so I can probably do what you want" type of style

[@wioetuw912]

@@ohhhgaaaddd "I can do this so I can probably do what you want" Yeah, they probably can fool some people like that but really the skills that these projects require are very different from those that you need for creating websites that are actually useful and easy to use. I would not hire any of these people.

[@가브리엘-p4x]

I completely agree, when I first started messing with web development I thought things like this were very cool, but now that I know more I realize that it's not incredibly difficult to make. There are tons of libraries available with all kinds of effects and animations that can be installed and used in seconds requiring no creativity or engineering from the developer. A lot of newer developers fall into the trap of thinking they need some amazing portfolio site but in the end it probably hurts them more than anything. A website needs to be simple and easy to navigate and use for everyone, it doesn't matter if it's an ECommerce site or Wikipedia or KZbin. Flashy CSS or JS animations just add bloat and distractions and don't really accomplish anything.

[@ssshenkie]

If I look at what makes a good website, a very commonly overlooked aspect is accessibility this includes: support for screen readers, color blind people, people with physical disabilities. So while I think the first couple ones are cool art pieces. As a website they are quite unusable. They force you down a linear path to tell a story. In my opinion the last one is the best “website” of them all.

[@fbi4618]

@matthdapps facts

[@Cocoa-mania]

I couldn't spend up to 30secs on the first one

[@epicmetod]

Its showcase. not production for real practice

[@grqfes]

less than 100 people will realistically need to see these sites each. what you are talking about would be good in sites that get thousands, hundreds of thousands or millions of visitors

[@JEsterCW]

*"website number one"* - boom an ad... Thanks Filip for the website with ad!

[@dinavlis]

Do one thing ok ? Install adblocker. Done, no more ads on youtube or any other site. You're welcome.

[@hubertlenningrad2252]

It's always funny to me how KZbinrs set like goals where they'll do something if the goal is met, but everyone knows they're going to do the thing anyway. Still, great video.

[@triedge6200]

first dude deserved a 9/10 that was dope and put a lot on the design aspect of his site second should be so close to the first one.

[@heatah]

That third website is one of the best I’ve ever seen, wow 😱

[@Tobyjas]

Those two videos have inspired me to create my personal portfolio myself. ❤️

[@developerfilip]

That’s awesome!! Would love to see what you come up with!

[@Tobyjas]

@@developerfilip Sure, I'll keep you updated here 🙂

[@Exiide89]

"I would have liked to know more about his work." The guy literally put his show reel there. 😂😂

[@agarwal64]

Definitely the best video on websites reviewing. You should have more subscribers bro.

[@developerfilip]

Thanks dude, I wish! Maybe one day :-)

[@masterpig5s]

Imagine having experiments and then separately pursuits, basically just larger scale and more permanent and (on going and) scaling projects.

[@internet_pixie]

the way you reacted to the albino tonino portfolio was so cute haha

[@dingo4601]

That studio Ghibli reference was very nice done...

[@bill-cipher000]

Yess

[@daksh9793]

Man that update notification of your browser is getting my attention alot >.

[@aminansar5294]

Dude that voice over for the third freelancer had me rolling 😂 great content!

[@PossumMedic]

With that naration it sounds like Albino wears a ski mask to work 😂😂😂 Great vid thanks! 😀🙌

[@kinochdotcom]

He has a baby on the way! He had an incredible web site, his book shelf was amazing

[@unbeatablemaster8094]

For a moment I thought my subtitles aren't working correctly!!! gosh albinotonnina is amazing!!!

[@katesaychaleun6322]

I'm still curious why the first guy didn't get a 10/10 ;^;;

[@Hasnain1F]

I'm guessing because of the Mario section. For something to be 10/10, it has to be perfect.

[@henriquejambu]

3:24 Porta dos Fundos, Galo Frito, Kibe Loco wow this dude worked with some giants of Brazilian KZbin, I’m so happy to see him featured in here, his site is so creative!!

[@diegocincotta3571]

I didn't know there were so many Italian web developer with nice websites

[@saranyaghosh2003]

The intro is hilarious 😂😂

[@idiotzoned475]

yea!

[@deepalall647]

As a web developer student I always get very intimidated by supercool websites and their creativity. But this was very encouraging and gave an idea about keeping it simple and creative.

[@spedits886]

Can we appreciate this guy for judging the website accurately? I mean giving the marks out of 10 so accurate?

[@parahumanoid]

There's a significant gap between 7/10 and 8/10. I'd definitely give the first one a nine. I believe that would be more representative of the wow factor. Incidentally, from what I collect, we're to judge the dev skill here, the mastery, not stuff like "scrolling a tad long". That's not really a dev's job or a decision to make. Fine lines like comfortable waiting time are up to the UX professional and are highly dependent on temperament and culture. What's forever to a choleric is just right to a phlegmatic. Latitudal differences also seem to apply: most southerners (as it applies to the Northern hemisphere) are more zesty than the folk from the snowy parts.

[@jannmikoingelrabagogamingc6012]

Both this video and this channel are unbelievably, criminally underrated!

[@chonacm2]

Can you make like this video every month, this keeps me motivated in designing websites

[@developerfilip]

Coming soon!

[@voltairepabustan]

Love the message and energy. Thanks for sharing this!

[@muhammadferdianiqbal9392]

I want to know the technology in that website

[@filetmignon9978]

its called code

[@MyBinaryLife]

which one?

[@huhuhaha290]

@@filetmignon9978 probably Css & JavaScript

[@josephsam2145]

The intro was amazing

[@webnerdsrsa125]

Glad I found this channnel, gonna learn alot from here.

[@jp0678]

Wow! I know I'm still not so good at the frontend but these websites make me think that I really have a long way to go.

[@parahumanoid]

There's always a long way to go, the journey is endless and offers many turns. CSS animation is a very fruitful tool, effect-wise: it takes little to impress greatly. So if you scape the magic off of that in your own eyes, nothing will seem so unattainable. The heavy kicker (not examined here) is optimizing the computational and networking load, ensuring correct behavior over intermittent connections, progressive UX delivery. When you put all of those together, you end up with an full-blown web app. Each of the layers/blocks of that house is understandible and not so hard to get solid command of (mastery is a different story; a neverending one), and once you get the hang of how it all comes together, the magic is gone. In a good sense. Craft is what's left. The craft that you can never reach the end of and will infinitely enjoy in pursuit of. So, put your chin up. You'll get it. Sooner than you think. Just keep chipping away at it. A day at a time.

[@jp0678]

@@parahumanoid True, nicely said! Thanks!

[@psychoSherlock]

And I am still struggling to center a div 🥵

[@mxveesh]

.class-name { display: flex; justify-content: center; }

[@chrissame]

Haha me too

[@michaeldaunicorn5314]

@Shashanka MG but why use grid or flexbox, when all you need is “top: 50%; left: 50%; transform: translate(-50%, -50%);”

[@michaeldaunicorn5314]

@@mxveesh but why use grid or flexbox, when all you need is “top: 50%; left: 50%; transform: translate(-50%, -50%);”

[@nullpointer1755]

.centered { display: flex; justify-content: center; align-items: center; }

[@Not-A-FatDad]

Great vid Filip and great to see you back !

[@infuriousd]

In the third website he did highlight his companies where he worked at and also job designations in well reputed companies, so yea most people will be knowing what he did rather than putting texts he made it quite clear. I think so

[@YvonneVibe]

the second one is so cool! so much tech should be learned for this site

[@cheshtagupta7491]

TYSM these were very new for me and amazing work everybody

[@Daniel_WR_Hart]

The KZbin algorithm recommended this to me and only a few others apparently

[@bayuapriansah3783]

Yep u right, and its still not many people get recommended

[@Daniel_WR_Hart]

@@bayuapriansah3783 Well this comment aged poorly lol

[@thaisc684]

Albino Tonnina website was the most creative. I have never seem nothing like that. Very unique.

[@hannanabdullah8842]

Wow!!! these websites were just incredible.

[@davidnavarro4495]

Mano, que daora. O Iuri é BR e manda mto bem

[@barb5692]

sim cara, muito bom o portfolio dele!!

[@soumitramandal]

Hey Filip! thank you for sharing these lovely sites with us!

[@rotanaenglish]

That's incredible! Such amazing websites that really impress my thinking into another!

[@AidenUPVR]

As someone who started html a few weeks ago, this was awesome. I recommend html for anyone that wants to start.

[@parahumanoid]

8/10 for the first one? I'd like to see you do that.

[@naufalzamri7266]

This literally drop my confidence. Amazing website with amazing animations. How TF did they done this?

[@theautomaton9313]

Same, now my website looks dogshit.

[@Skykristal]

While I absolutely love these websites and the creativity, having things that complicated is a pain to navigate and to get to things quickly. If you wanna visit a site and have the experience a few times, it's really awesome, but otherwise it's painfull to be honest. It would personally bother me too much

[@thezyreick4289]

@psclm you miss the purpose of these sites to begin with. They are portfolio sites. That means the vast majority of people who visit it, will only visit it once maybe twice. These are not blogs, they are not Store sights or e-commerce. They are portfolios How often do you give your portfolio to your employer to have them look it over? Do you do this daily, weekly? Monthly? No you do it when you apply and that’s it, and they never bother to look at it again unless you are suspected of lying in your portfolio

[@thezyreick4289]

@psclm as someone who has been in charge of hiring, I will say that your comment is 100% false. Employers "claim" to care more about that stuff. but honestly the ones in charge of hiring only care about the fluff and pazazz. If I am sifting through 2,000-3,000 resumes in a day to process for interviews, first off I am going to send them through an algorithm designed to remove the average ones. Which effectively means all of the ones with relevant skills to the job and nothing more, since the majority of aplicants have the relevant skills for the job. Second, I am going to look through the remaining ones and see which ones stand out or are unique. not deliberately of course, but just as a product of attention bias. the ones that stand out more or are unique are more likely to catch my attention and stick in my mind when I go to recall them later. then I am going to give the ones that seem decent a checkmark, and put them in a list, and after I have sorted through the resumes I will take this list I have made, bring it to the higher ups, then they are going to skim over it and ask me if any candidates stood out from the rest, I am going to recall the ones I can remember, and they are going to be the ones that stuck in my head the most, in other words, the ones with the most unique resumes which i spent more time looking at or interacting with. then the list I made is going to be put in a massive stack of papers to send to a call list, and the ones I mentioned are going to be given priority and called to schedule interviews. I have never received an application from someone with their own personal site, who did not get an interview, every single person who I have ever seen have a personal site who has applied to a job posting and been reviewed by me, has gotten an interview. because less than 5-10% of all applicants even have their own site. so they are very memorable.

[@thezyreick4289]

@psclm and yes, I am fully aware some youtube videos claim 20% of people or more have their own personal sites. these are not accurate however, and it is important to note the method of data collection. these are taken by polls of youtubers that are likely making video content related to that industry, or wed design to begin with, meaning the viewers are already unnaturally biased towards creating a site or biased towards that field or industry. the majority of the workforce goes to work, punches a clock, works till the day is up, punches the clock again, and goes home. The majority do not bother to look up ways to improve their craft at home, let alone take the time to develop skills or create portfolios relevant to their job in their free time, let alone building a custom site. the real number of applicants who have their own website is much much lower, and the number of applicants who list their personal site in their resume is even lower.

[@thezyreick4289]

@psclm additionally, any employer would already know ahead of time that while looking at a personal site that it is most likely going to lack either UI design, or UX design, because most people are good at only one. finding someone who is good at both is irrational because it is like trying to find a unicorn. They are a very very tiny percentage of applicants. So seeing how great the UI design is, would already make that applicant stand out. The UX would be almost entirely ignored. I say almost because it is important to have an easy way to get to the resume, looking at the site is nice and all, but if there is no easy way to get to the resume it gets a little irritating. However from what I saw, all of these sites had a quick link to the resume, where it was accessible within 2-3 clicks

[@thezyreick4289]

@psclm If you have been able to find ones that can do both equally well, and to high standards then tell me your secrets please. I have seen almost none.

[@MiRoDevYT]

That intro, you got a new sub my man

[@arshsethi8596]

I found your channel with the previous video only and i found that video great. I would love to see more such websites these are really interesting videos to watch and i hope you make it a big series

[@searrell]

just recently became a software enginer and seeing stuff like this realy motivates me and shows me what i can strife for and achieve one day.

[@talio-5469]

"I am so glad to see you here"... ?? My computer has a tape in its camera! How can this man see me?!? D:

[@officialsatisfyingvids8296]

Hey Filip,I’m a video editor and logo designer who just wants to build a portfolio website in order to find clients to work for. I haven’t done any projects regarding video editing and logo designing. Please must I showcase some of my projects in a section on my portfolio website because I haven’t done anyone for someone before So I’m confused 🤷🏼‍♂️?

[@smarafatrahaman2135]

Almost 25K man!!!!!!

[@Hellokaa632]

Can you please tell me which screen recorder app/website do you use 🥺

[@arnaudsm]

Neat, but the HR guy has 5 seconds to check your website and won't bother scrolling 5 pages and click 4 buttons to find your info

[@vandamieespadero6633]

I was amazed man, thanks for the video.

[@enmattk]

Love to see it! Great video as always! :)

[@cirtey29]

A good website triggers strong émotions

[@taetiger-flower2157]

Never thought I’d be so into web page as I was with the story one

[@anabindiu429]

THE THIRD WEBSITE!!!! omg that was so good haha ❤

[@Hasnain1F]

The second website didn't really deserve a 7, more like 6 or 5. Animations were over-exaggerated and it was literally the same animation for almost everything. The third was absolutely insane and I really liked the last one too.

[@RandomGuy34-j1u]

I think second one was equally good as the last 👀

[@electricaura_1]

Coolest web-dev video on the internet!!! GG 🎇🧨

[@hicoop]

I can't even center a div. This completely blows my mind

[@rishabh6339]

Awesome content. Thank you for sharing this stuff.

[@2Awesome]

This is treat to watch!

[@MaybeBL1TZ]

why your macbook have soo much noise man :( what are you running ?

[@prime-Chess-Moves]

Came for motivation. Left with depression.

[@christianbarrett6069]

see when I think of front end, the first guy is what I imagined.. THAT is what I want to be like. That is what I want to do.. just getting started but this was such a big motivation! such a beautiful dance between art and tech.. one day I will be able to do the same.

[@mallickpriyanshuOG]

Can you also make tutorials for making a website somewhat comparable to this.

[@mallickpriyanshuOG]

@dAppMatth I know that but I can use that same ideas and concepts and coding knowledge in some other projects with my own flair on it

[@halice_jiwonchoi]

That skill and talent are expensive🙌

[@IkraamDev]

Welcome back

[@nikhilpatidar4714]

I have applied 2 animations to tr element, one on page load and other on hover but there is some problem in it, after i hover on tr the 1st animation start again which i don't want. CAN ANYONE HELP

[@Victor-fg1ky]

😳😳😳😳🤦‍♂️@10:50 this was where my undiagnosed depression(I never knew existed🤣🤣🤣) really started 🤦‍♂️that website was a Hollywood movie,no longer a website 👌 truly exceptional story telling. Definitely the future of website development: story telling and animation 👌✨

[@masterpig5s]

From the thumbnail I like the desk and then just thought imagine a theming of a pack of cards or something. You can swipe right to left or down to up to advance and the other way to back and then a point where the deck is dealt out and it shows say 6 cards at once or something.

[@masterpig5s]

Might just try. I also like the idea of the portfolio website that has all of the same information but different ways to view it. All be I understand in this series they’re reviewing the Irish landing page. Still. I guess each could be a part of the same experiment. Different flavours of the same portfolio, except some may not scale as much as others so there can be time periods which show where they fit and the different etc. The road map for when they no longer completely or atomically scaled could be shown. I like the idea of displaying them grouped into bands almost, bands on a greater and longer scrolling page. Band 1 didn’t airport this, band 2 did but then band 3 did even more. Maybe even have text for when they were implemented so later ones could potentially end up in earlier bands. They could be seen as tiers I guess but I’d want to avoid that. That’s just a lot of detail on presenting one aspect of scaling a website that presents the same information in different ways.

[@diegogallardo2779]

Great video, how do you secure a website?

[@xiaoyang]

1:58 8/10 7:07 7/10 10:25 9.5/10 16:12 7/10 19:08 7/10

[@rodrigoelias1987]

3:23 i wasn't expecting see these names here

[@aryanjain7282]

Keep making such videos they are amazing,kinda motivates us inspire us to do more,learn more

[@fuzzy-02]

Website 3 was godlike. If this was a fantast world Id already be worshiping the guy.

[@iiamloz]

Also note for the one without an ssl certificate if anyone uses the form submission it could potentially get MITM and they can steal people private info.

[@daisylumberjack9776]

thats like n1 rule of safe browsing, ppl who fill in personal info on a webpage without cert dont know what theyre doing wrong and wont understand you even if you explain them, and telling the thief to cut his hands off so he cant steal sounds bald but inefficient. Theres nothing to say to this but "yes, it exists"...

[@christopherjohnsen2594]

First time seeing your vids, previous video gave me many ideas for my own site. Very funny the way you kept the ethernet cable joke. Video gets 10/10

[@akashchauhan5578]

Make a series of these types of websites

[@farazfarazff8554]

agreed

[@Madoosday]

and there's howl's moving castle lmaoooo

[@dantalian269]

Your videos are such a blast!

[@developerfilip]

Thank You so much, im really glad you think that!!!

[@francisdonald4298]

Hey fillip if u learn three.js is there need for html and css???

[@developerfilip]

Gotta know the basics!

[@mrakki009_rcb]

🔥🔥maja aya Full enjoyed 😀

[@CottidaeSEA]

One thing that bothers me is that I can do similar things with my skills, but I honestly just find it tedious.