Thanks! Here's hoping every programmer watches it 🙃

Thanks for all the kind words! And I couldn't agree more. As much as a love snooping around the source files of websites, 99.9% of internet users just want to use websites that look aesthetically pleasing and are easy to use.

Thank you! Glad you liked it 😃

Thanks! Coming soon 🫡

Thanks!

Glad you liked it! I initially learned through a few university classes on frontend development and UX design. Beyond that, it's mostly just been a lot of practice and consuming a lot of content online. On the code side, I think the most important thing for learning in my case was making sure I could build things vanilla. Even if production code is going to use React/Angular/etc, learning to do things without those tools helps you get a much stronger foundation. I don't consider myself a great designer, but I just try to think critically about problems. For instance in the example of this video, I realized that the artwork and heritage are the most important things so I focused on how to best showcase that. Another important step to take is to think about the user behaviors you want to happen. Understanding those will help you create a design that makes those behaviors easy and obvious for users to do. I've also been spending some time recently learning about things like color theory and fonts, which has been very helpful.

Here's the code, although it's definitely nowhere near perfect (also note that code sandbox makes some of the animations look a bit wonky because it seems to handle the scrollbar different than real browsers): codesandbox.io/s/sleepy-bouman-f9d1xg As for responsiveness, all of the websites were perfectly responsive. I originally planned to include showing the mobile versions as well, but it was just taking too much time so it had to be cut out to keep the video flowing better. Maybe I'll show them off in a short though 👀

@@ConnerArdman thanks a lot, keep up the great content

Thank you!

I don't know exactly. But my first thought was to get a bunch of blob shaped SVGs in the colors of the flag to put on top of the existing animation. And those blobs could be animated at different speeds and change shapes a bit to give off that effect that it is paint dripping rather than just the hard edges that it has now. And for painting on the text letter by letter, I'd probably just need a paintbrush icon and essentially trace the path of the font with a transform animation to make it look like it's being painted on. And lastly, it would also have to hide the portion that hasn't been draw yet, likely with a clip path. Regardless of what implementation I chose, I think it would have taken a ton of tedious work that I didn't have time for.

It depends. When working at a tech company, developers rarely do much in-depth design but it can be helpful to still know the basics. I think this is oftentimes a distinguishing factor between good and great frontend developers. For freelancers, there are some that specialize in both design and development, and others who only do one or the other. The more common use case is probably to go to a freelancer with a complete design though (or to get a different freelancer to make the design to give to the developer). Maybe next time I'll give them all a copy of the same design and see the differences in their implementations of it 👀

I don’t use Sublime Text, so I have no setup to show 😂

@@ConnerArdman ah sry. That color theme confuses me with sublime text 😂

Conner

I don't work at Netflix, but people often group all of "FAANG" developers together as a category. In my case, I previously worked at Facebook.