Results for Tag ‘Guest Post’

With serverless functions, we can write backend or server-side code without the burden of managing servers. One of the core features of Next.js is the API routes which provide an easy solution to create an API endpoint by allowing us to write server-side logic within our Next.js application,…

Over time, engineering efforts have been put into developing more performant web applications. Jamstack technologies like Next.js came from this need. JAMstack technologies like Next.js emerged from an interest in improving the performance of modern web applications. This article will show you one way to improve…

I read this fascinating article about how Cloudinary was used for a World of Warcraft (WOW) campaign, (How Cloudinary made World of Warcraft’s first-ever marketing campaign go viral). My wife is a huge WOW player, and I remember when this campaign went live. She shared the infographics that were…

Carousels, referred to as image sliders or sliders, provide an improved visual experience on websites by highlighting essential aspects of a product, service, or value proposition. An image carousel is a series of images that are moved automatically with a timer or manually using some buttons. This article discusses…

Zooming means enlarging an image so that the details are more visible. Zooming in on a picture has many wide applications ranging from zooming through a camera lens to zooming in on a photo on the internet. On the other hand, Rotate is an image processing feature that allows us…

Video previews have become a standard feature on most media platforms and applications. YouTube provides a perfect example where a user is presented with a video preview when the mouse pointer hovers over the thumbnail. A thumbnail is an image preview of the actual video, as shown in the…

In my last article, I discussed how you could use the IntersectionObserver API to progressively load a higher-quality version of an image when it was in the viewport. This was, in my opinion, a great use of web standards to provide a better experience where possible, while still providing…

The HTML5 specification introduced the <video> element, which can be used to embed video content into web pages, and it is well supported across modern browsers. In this post, we’ll learn how to embed an HTML5 video player on an HTML document and define custom controls for it that is…

Sliders and carousels are popular ways to display web content such as testimonials, portfolio media, e-commerce sales, and so on for a variety of reasons, including their ability to moderate space usage on your website and interactively display these types of content, provide a great way to tell a story,…