Blog - Page: 102

YouTube has been and continues to be an essential piece in popular culture. With the addition of post-video completion call-to-action(CTA), users can dive in and find amazing video recommendations similar to what they have been watching. This post will discuss implementing YouTube-style post-video completion call-to-action(CTA) using Cloudinary and Nuxt.js. At…

Introduction and setup In this fun simple tutorial, we’re going to be using Cloudinary transformations and SvelteKit to apply a CCTV effect to any video. For those who are not familiar, SvelteKit is a Svelte framework similar to Next.js. If you’ve already written some Svelte code…

There are a lot of useful tools built into the browser that we don’t take advantage of as much as we could. Working with WebRTC is one of those tools that doesn’t come up as often as it could. Do you have an app where a user can upload…

VR has grown over the past few years as the number of compatible devices increase. There are a ton of uses for it, both practical and for entertainment. If you know JavaScript, you can even start making your own VR apps right in the browser. In this tutorial, we’re going…

According to Instagram, the engagement on the platform has ballooned to an average of 30 minutes per day since the introduction of stories. It enables users to post and view highlights about their activities. Stories are so popular that they are used on major social media platforms like Facebook,…

In this Media Jam, we will build an Image Gallery and use the Next.js Image component to optimize the images fetched from the Pexels API. This gallery will show the list of curated photos by the Pexels team, and has a dynamic route to them. The users will also be able…

Sometimes you don’t need to make a serious app to practice your JavaScript skills. We’re going to play with a full-stack music app! It’ll be a virtual beat box that you can make music with and store it in a database. Setting up the app We’ll just jump in and…

When you watch a YouTube video, at the end, some cards appear on the screen suggesting other videos to watch. This article is going to walk through managing video events to create a similar experience for videos in React.js. Sandbox We completed this project in a Codesandbox and it’s…

Static sites (or Jamstack sites) are great in many ways, from performance to scalability. Instead of creating and maintaining a massive monolith web server, we now can easily split it to directly dealing with microservices APIs from the client-side only. While it is more straightforward working with APIs, there is…