Blog - Page: 86

Excellent and unique aesthetics make it easy to distinguish on social networking sites, especially in today’s image-driven environment. Your image will be more appealing with effects, and it will undoubtedly enhance your imagination. An image is a universal language that transcends all barriers. It can communicate effectively with anyone, and…

Cropping an image is typically done to remove an unattractive subject or extraneous information, adjust the aspect ratio of an image, or sometimes magnify the main topic and reduce the angle of view. This article will show you how to crop and resize an image in the browser with React.

Designing and structuring our website depends on the type of business, some businesses require little graphical application, and some require more. In this tutorial, we will be showing how we can add a video to our landing page using basic HTML and CSS like the one below. Prerequisite Basic…

URLs are the way of the web, but whether you’re trying to stuff some extra query parameters to control the experience or simply have a long domain name, those URLs can be long to enter manually when you don’t have an easy link to click. Instead we can take advantage…

Introduction This article demonstrates how to apply a face detection transformation on custom images using cloudinary SDK. Codesandbox Check the sandbox demo on Codesandbox. You can also get the project GitHub repo using Github. Prerequisites Entry-level javascript and React/Nextjs knowledge. Cloudinary Cloudinary refers to an end-to-end image…

Introduction When building a weather app with weather sharing capabilities, it is important we allow our users to easily share brief insightful images of the weather conditions. In this article, we explore how we can dynamically create these weather cards using Google Maps and OpenWeathers APIs`. Codesandbox Check the sandbox…

Purpose Consuming APIs and generating custom images from the data received is a wholesome task. Let us explore how we can generate dynamic movie posters for films of the TMDB database. Codesandbox The completed project is available on Codesandbox. You can find the full codebase on my…

Introduction Device Pixel Ratio (DPR) is the ratio between an images’ physical and logical pixels. Let us explore how to manually change an image’s DPR as well as adjust the DPR automatically based on the client device. This is helpful to ensure your website or app is customized not…

Cloudinary SDKs offer numerous cutting-edge and effective ways for managing and delivering media online. An example is the Cloudinary AI Content Analysis add-on with which you can locate text in photos and automatically crop images through a facial-detection capability.  Now in beta testing is the AI-powered interactive video…