Cool Frontend websites

As our every week Tuesday's letter do, sharing some cool frontend animations website.

In addition, we do share some interesting frontend websites or backend APIs with our audience for FREE promotion, so feel free to share your project or portfolio website that we can bring for our small iHateReading family.

https://yinger.dev/ made 3D frontend portfolio website as shown in the demo below.https://yinger.dev

Cool waiting list website

Dektop.fm have taken frontend to new level by adding waiting list nice slick animated form as well 3D disc rotating along with pleasant background music making the entire web experience like a movie.

Lots of developers don't think creative or out-of-the-box in frontend development, I mean we have so many things to work on frontend-side such as WebGL, Maps, 3D, Canvas, Game Development, Websites and so on. Learn all these stuff to make yourself a powerful unreplaceable developer even by AI.

Another landing page animation 

https://flareum.io/

Tweet Hunter

Tweet Hunter: Gest the best programming tweets!!

I've found this very interesting platform called Tweet Hunter, I am sure most of you have heard about it or probably heard about it. I was thinking of making a platform on iHateReading to aggregate all the best learning tweets making it easy for developers to consume large content in one go in less time. If you go to the website of Tweet Hunter you can read a lot of good tweets in less time than actually finding those tweets on Twitter making it easy for you to read fast and learn fast. 

Open-Source thing to consider

Should I open-source my company

This is the Supabase the Firebase alternative SQL database story about going from private to open-source database. Why and How they did this is beautifully summed by the founder itself, Ant Wilson. Must read for all devs around the globe to understand what is open-source and why we must go open-source.

Mobile App Animations

React Native Animations

William Candillion is the so far very good youtuber teacher that teaches mobile app developer a lot of things in react-native. 

Animations in react-native mobile app is not that tough to be honest because I've worked with cool libraries like react-native reanimated, react-native lottie. 

The learning curve might be challenging and that is why I prefer youtube videos to have a better understanding.

Give it a shot by watching some of it's cool animated videos.

Remotion

The story begins when I want to hire a video editor for my YouTube channel.

But I couldn’t find one under my budget and how we would work together was also tricky.

Then suddenly, my friend and I searched for how to automate this YouTube business system and that’s where we found this package called Remotion.

It’s a package that helps us to write code and convert it into a video or let’s just say write code to create a video as an output instead of a website or mobile app.

That sounds cool, we can programmatically create videos and add background sounds and transitions and so on.

I just have to write once and use it everywhere.

I mean I can easily create bookmarks, thumbnails, and watermarks once and reuse them programmatically in all of my videos.

This is just one benefit but sounds good to me for the time being.

Because I hate editing videos but I love writing code so one arrow and 2 targets are kind of a double-edged sword.

This sounds good, here is the link to check the package. 

https://www.remotion.dev/

Templates & Docs

Remotion has provided tonnes of templates or already sampled videos created using a code.

We can even directly use some of them and post on YouTube to check the response. Check Templates

The templates section gives a starter video sample for better understanding.

Setup and Installation

Remotion also provides a playground when the package is installed to play around easily with transitions, animations, previews and more properties.

That would be enough for today that's it see you on the Thurusday/Friday

Shrey