This article reveals existing CSS properties that probably you are not familiar with yet, but this reading will equip you with new tools for experiments and ideas. — 1. Blending mode for HTML elements CSS has pretty cool property mix-blend-mode. This value sets how an element’s content should blend with the content of the element’s parent. Probably, the most common usage here is using one layer as a mask.

Have you ever developed a workflow of user registration via email link? The process is simple: after a user filled their email via a form, the web application should invoke a server request that sends a letter containing an email link. …

In this article, we develop React hook which allows to integrate GSAP with Remotion — ✨ 1. Prerequisites Remotion is a framework that allows the creation of MP4 videos from the animation that is built using ReactJS. The idea under the hood is pretty simple. Video may be considered as a set of frames that spread across time. What Remotion is required from developers is just to describe…

Nowadays whenever we want to deliver a message to our audience, the most effective way is to create a video that we upload and distribute on social networks. Here we need to provide a flexible watching experience and take care of video subtitles. Subtitles make video useful when a person…

A brief guide to these fantastic features — 1. Morph Path We know that SVG has the <path/> element that allows drawing difficult shapes. And one of the interesting techniques is the usage of the library which may create interpolation for the smooth transition from one path to another. First, let’s create some arbitrary objects in Figma. It may look…

Here we reveal some ways to process video with FFmpeg and how it may be used within the JS stack — Video processing in applications is today’s mainstream, and we as developers should follow it. At first sight, it may seem like a pretty difficult topic that requires special knowledge and education. …

Power up your skills in video processing — Here I’ve collected the most common questions you may be interested in. If you don’t understand the FFmpeg syntax, I strongly recommend reading this article before: How to process video with FFmpeg. Framework syntax from Zero to Hero. The article quickly catches you up to speed on crucial blocks of FFmpeg and key concepts and allows you to start…medium.com

The article quickly catches you up to speed on crucial blocks of FFmpeg and key concepts and allows you to start creating difficult commands for multimedia processing and understand commands that have been created by anybody else. — ✨ Introduction Processing video is the modern mainstream of current applications and we as developers should follow it. At first, it may seem a pretty difficult topic and its required special education. …

We’ll be implementing an animation of one scene step by step using React Framer Motion Library. Also, we’ll highlight some CSS knowledge that is always a good idea to refresh, especially if you haven’t had an experience before. — Authors Developer: Vladimir Topolev, Numatic Ventures (LinkedIn) Designer: Masha Tereshkova, Fearless+ (Medium, LinkedIn) Video Editor: Vlad Isaenko , Fearless+ (LinkedIn)