Blog - Page: 100

Background As we transition into the world of augmented and virtual reality, we will see normal applications interact with 3D models and animations everywhere. Let us learn how we can generate a 360 degree animated image from a 3D model with Nuxt.Js Codesandbox The final project can be viewed on…

Transitions are vital ingredients that make a website stand out. They make for a great user experience and have been explored a great deal these last few years. This tutorial will walk you through handling video transitions in our web applications by building a Netflix-style video player using React Player…

Introduction This jam is the final part of a two-part series on creating a Product Hunt Clone in Next.js. In the first part, we configured the initial Next.js app with Auth0, Cloudinary, and Airtable. Then, we fetched and displayed the products on the homepage. We also discussed how to…

To provide our customers with the best video user experience, we want to provide them amazing accessibility features such as a video player which is fixed when opened but follows the user as they scroll the webpage. These are called floating video players. Floating videos are a common sight whether…

Adding upload support, especially videos to websites and apps, comes with considerable research for new and experienced developers. “How to deal with file size and storage space for videos?”, “What standard video format should the upload support?“are some of the questions that might arise. This article shows you how to…

Showing users data in easy to understand formats is an important part of front-end development these days. You can add images, make updates with CSS, or use a number of different libraries. While these approaches are fine, there is another way to generate custom data-based graphics quickly with D3js.

In this media jam series, we will build a clone of Product Hunt, a website to share and discover new products with Next.js. In addition, we will use Auth0 for authentication, Airtable for storing product data, and Cloudinary for storing product images. In part 1,…

In this article, you’ll learn how to effectively use this new authoring media to embed rich media components into your SvelteKit site while keeping the simplicity of markdown format for writing your content. To accomplish this goal, through the article you’ll learn: What is MDX and MDsveX How to set…

According to one of the leading companies specialized in market and consumer data, statista; the global film industry is more than a 42 billion U.S. dollar business. This projection has brought about the invention of new software, jobs, and specialized personnel to help improve the quality of videos and…