Blog - Page: 90

Images are an essential part of websites and web applications. As the web becomes more visual, developers and engineers constantly build tools and applications to reduce page load time and improve the overall user experience. This post will discuss optimizing and delivering image assets with Netlify-plugin-cloudinary in a…

Introduction This article demonstrates how to use Nextjs and Cloudinary to create an image pixelation transformation. Cloudinary will enable us to achieve pixelation programmatically without designer apps using its own SDK tool. Codesandbox Check the final demo on Codesandbox. You can also find the GitHub repository using…

Advertisement, popularly known as ads, is a marketing strategy that aims to sell a product or service to a target audience. Popular video sharing and streaming platforms like Youtube, Twitch, e.t.c, generate significant revenue by embedding adverts on their videos to promote products and businesses. This post discusses creating custom…

Responsive images are essential in the modern-day as this improves the appearance of websites on devices with both large and small displays. They are vital because they enable us to serve the right image for the correct screen size, improve user experience, and reduce loading time. This article utilizes the…

Reusability is at the heart of web development, using hosted images across multiple applications and websites. The need to transform, optimize, and deliver a version of that image with each application may arise. This post discusses applying robust transformations and optimizations on hosted images in a Next.js website. Cloudinary,…

Objective In our complex world of constant user-generated content, you may want to analyze images to determine many things from quality to accessibility to semantic data. This is a complex task for a JAMStack website, but nonetheless possible. Let us build a simple Nuxt.Js app to do this. Codesandbox The…

Introduction This article demonstrates how we can change a webcam background color to grayscale. Codesandbox Locate project demo on Codesandbox. You can also find the Github repo this Link. Prerequisites Entry-level knowledge in javascript and React and or Nextjs. Project setup Create a new nextjs project with npx…

Purpose The standard web streaming platforms such as Zoom and Google Meets are good platforms but there are many cases we want to have control over the user experience our event hosts and attendees have. Let us see how we can create our own live stream using WebRTC. Codesandbox The…

Images are an increasingly important part of the web. The ability to retain visual information is one of the many reasons we find images appealing, and this makes images more effective at conveying ideas across cultures. Imagine a website without images? Boring! However, if images aren’t properly optimized, they can…