Posts by Prosper Otemuyiwa

We are in an era of rich media web experiences. A lot of new products, online shops, and apps give users more power & democratize specific actions that used to be performed by a select few and highly knowledgeable individuals. Have you ever wondered how you can build or incorporate…

Accelerating product development is every entrepreneur’s dream. CEOs, Product Managers, Business owners, Indie developers, agencies, dev shops, and anyone that itches to launch a product to the market aims to do so in the shortest possible time. Getting the product to market is one thing; adding more features rapidly &…

There is a very high chance that your slow & just-okay web and app performance is affecting your business negatively. Studies have shown that 47% of consumers expect a web page to load in 2 seconds or less, and 40% of people abandon a website that takes more than…

Non-developers like to use services such as Canva, Crello, Photopea to edit images and templates. With a few clicks, they can get a decent design done. As a developer, have you ever wondered how you can build such services or embed those Instagram-like features in your app?What if you could…

It’s 2022. Developers are blessed with a plethora of resources to build websites, apps, and services. You can’t be left out! In this article, I’ll show you how to make video transformations without spending time and brain power architecting video transformation services from scratch. In one line of code via…

Version 2 of the Laravel Cloudinary package was recently tagged and released. The Laravel Cloudinary package is an SDK that empowers Laravel developers with the ability to fluently upload, optimize, store, transform and deliver media files with Cloudinary. It also provides an API to easily attach your media files…

AJAX File upload is the process of uploading files from a local computer to a server. When a user selects a file in the browser and clicks the submit button, the browser copies the file from the local machine and sends it to the server. The server then saves…

The past decade has seen massive improvements in software tools that facilitate coding. In fact, a campaign is currently underway to promote building software with no-code tools like Bubble, which promise to be a boon for those not acquainted with the rudiments of programming. Separately, artificial Intelligence (AI) is certainly…

Deep learning, a subset of machine learning, breaks down tasks in ways that make all kinds of machine assists possible. With deep learning, you can identify images by machine, i.e., instead of hand-coding software with specific instructions for a task, you train the machine with large amounts of data and…

The bane of our existence is the lack of efficient ways for tackling the plethora of recurring tasks in our lives. One of those tasks is surfing the internet. We consume a lot of web content daily, of which a large percentage are images and videos. We’re constantly quickly scrolling…

Setting up the infrastructure for video uploads can go from straightforward to complex real fast. Why? Because many challenges are involved in building a foolproof service for an efficient and smooth process. This is part of a series of articles about Marketing videos. Platform Test for Video Uploads Just…

Videos are large media files—in most cases, at least four times larger than images—and are often created for ads, marketing campaigns, and instructional content to convey as much information as possible in a short time. Ensuring that videos do not buffer all the time and that the user’s data…

Part 1 of this post defines the capabilities of an enhanced Gravatar service, which I named Clavatar, and describes the following initial steps for building it: Set up the database. Establish the user-registration process. Install the Cloudinary PHP Library, version 2.0.0-Beta. Implement the image-upload operation. Associate images with user…

The advent of web development since 25 years ago has given birth to an abundance of online services that help developers build apps efficiently and smoothly. Gravatar is a shining example of such a service. Built by WordPress, Gravatar generates globally recognized avatars. Fun fact: 80 percent of Gravatar users…

Laravel, currently the most popular PHP framework, offers databases an efficient, well-written Active Record implementation, called the Eloquent Object-Relational Mapper (ORM). Specifically, Eloquent maps a database table to an Eloquent model along with fluent methods and expressions for querying and modifying the database’s records. Given that you as web…

E-commerce is a dynamic business. Shoppers are constantly browsing sites for the best deals or for the latest of their favorite products, adding to wish lists, and exploring product recommendations from friends and influencers. On the other hand, online vendors are always on a tear to try to draw…

Since performance is by and large the holy grail of software development, tools abound for building fast software, notably those for optimizing online media, most of which are images and videos. Optimization in this context means downsizing the media files but maintaining a satisfactory level of visual quality for delivery.

What is JPEG 2000? JPEG 2000 is an image format created by the Joint Photographic Experts Group (JPEG) in 2000 to replace the JPEG format. JPEG 2000 files have the extension .JP2. The format uses discrete wavelet transform (DWT), which is the only standard compression scheme that provides both lossless…

As computer users, we constantly upload files, transferring them from one system to another over a network. You can perform uploads on a terminal, such as through the SSH File Transfer Protocol (SFTP) or Secure Copy Protocol (SCP), File Transfer Protocol (FTP) clients, or web browsers. Generally, you upload files…

Probably one of the best things to happen to JavaScript developers, Node.js empowers them to write and ship JavaScript on the back end. Thanks to Node.js, front-end developers can become full-stack developers in a snap. The procedures below describe how to Node.js file upload’s to your local server or…

Rich media is surplus and abundant on the internet. Tons of apps these days deal with rich media. Users spend more time uploading and viewing media content than any other thing. Cloudinary’s PHP SDK, with which you can easily and speedily upload multiple images and videos in PHP…

Currently, Laravel is the most renowned PHP framework, boasting of a large developer community; several open-source packages, such as Cashier, Sanctum, Scout, and Telescope; and a host of paid platforms, e.g., Laravel Forge, Envoyer, and Vapor. Laravel Forge & Envoyer ably supports deployment and use of Laravel production-based apps. Introducing…

Known far and wide as the “PHP framework for web artisans,” Laravel is a robust, expressive, and productive developer tool. In particular, it’s clean, smooth, and fluent API interface greatly simplifies the process of embedding features in web apps. Since its release in June 2011 by Taylor Otwell, a .NET…

Approximately 62 percent of today’s online content is made up of images, optimizing which is a must to speed up loading of media-rich websites. A fast-loading site makes your visitors happy, which as a rule leads to higher conversion rates. This article shows you how to optimize images in…

Shortcut to Cloudinary’s solution Compressing images is one form of image optimization. Its objective is to achieve the smallest possible file size but no loss in visual quality. This way, you save bytes and improve website performance because the smaller the image…

Vue.js, one of the most popular JavaScript front-end frameworks, is renowned for its simplicity and intuitiveness. Additionally, an active community ensures that plugins or packages, which you can quickly integrate with your app, are available for the Vue.js capabilities. This article steers you through a painless setup process for Vue…

Uploading software files to the web, mobile, or desktop is as old as the web itself. Billions of files are moved around and downloaded on the Internet daily. Coincidentally, as the de facto language in which many apps are written, JavaScript is also as old as the web. This article…

Before diving into the popular HTML5 video players, it’s essential to acknowledge the broader ecosystem of tools and technologies that complement and sometimes offer alternatives to these players. For instance, Vime stands out as an open-source media player library built with Svelte, offering a modern approach to media playback. Libraries…

Based on Typescript and a total revamp of AngularJS, Angular is an open-source framework for developing mobile and web apps. That framework has been gaining popularity over the years with a large developer following. Uploading Angular images to Cloudinary triggers this process: The app’s UI, i.e., its client side,…

In my last post, we spoke about Advanced Search and Discovery. Even though data can be recognizable and descriptive, what counts is that we make good use of them for tracking and analysis. Therefore, metadata, which are data that summarize and describe other data, can be extremely helpful. Cloudinary’s…

In my last post, we spoke about Access Control. With Cloudinary’s digital asset management (DAM) solution, you can, with just a few keystrokes from your Cloudinary dashboard, perform advanced search on the media assets (images and videos) you’ve uploaded to the Media Library and retrieve the ones you…

Canvas animation is a feature of HTML5 that allows you to draw images, edit images, and erase them, on a drawing board which you set up with the <canvas> element. The canvas is a rectangle-like area on an HTML page. By default, the canvas has no border or content. You…

In my last post, we spoke about AI-Based Content Analysis. Now, given the importance of security and privacy, authentication is at the heart of virtually all software. Access control is the layer on top of authentication that determines who can access what. Why is access control necessary? Because within…

Through various techniques and algorithms, you can optimize images, that is, reduce their file size yet still maintain a high visual quality. This article shows you how to optimally reduce image sizes in Ruby and Cloudinary. The Importance of Image Optimization Effective management of images involves taking into account…

Content analysis on images based on artificial intelligence (AI) is yet another powerful feature of Cloudinary’s digital asset management (DAM) solution. This article explains the types of analysis Cloudinary DAM can perform for you. To run an analysis on an image in your Media Library, click the image from…

With the right platform and tools, software developers can code ideas into useful products and services. The same scenario applies to graphic and UI designers, who are now equipped with a wealth of sophisticated tools, e.g., Sketch, Figma, and InVision, with which to create first-rate app designs. All that has…

Happy New Year, folks! As a relentless technology advocate and a developer who’s worked on media transformation for numerous projects over the years, I decided in late 2019 to go on a 25-day journey of sharing my learnings on Twitter. The aim was to show my audience the options available…

The trendy duotone effect is ubiquitous in today’s websites and illustrations for good reason: it highlights content well, rendering it pleasing to the eye, especially on minimal web platforms. The sky is the limit as to how much you can play with colors while applying a duotone effect. You could…

Off and on, the model of architecting software shifts. Over time, programming principles, best practices, toolkits evolve to accommodate the contemporary way of building fast, resilient, and reliable apps. Right now, the buzzword is J-AAAAAAM-STACK. What Is JAMstack? JAMstack is a modern web-development architecture that contains strictly client-side JavaScript, reusable…

According to Wyzowl’s The State of Video Marketing 2019 survey, 68 percent of the respondents say that they learn about new products or services by watching short videos. That’s a significant percentage! And a sizable chunk of your potential customers are many of those folks. In addition, The…

Video storytelling is one of the most effective means of conveying messages to your audience. It’s also a popular marketing tool because most people are automatically drawn to video. In e-commerce, if accompanied by attractive images and a compelling narrative, video storytelling uniquely connects with potential customers without fail.

As a rule, user interfaces, whether for mobile or desktop apps, encompass a significant amount of visual media (images and videos), necessitating close collaboration among designers and front-end developers. The process for building UIs entails a designer-to-developer handoff, at which the designer transfers to the developer blueprints produced with such…

Launched in 2014 as an open-source JavaScript framework for building user interfaces for web apps, Vue.js has become a tool of choice for many developers. Currently, Vue.js is the most starred front-end JavaScript framework on GitHub with over 145,000 stars. Optimizing images that reside in Vue.js apps with…

Slow-loading web content and problematic media displays that involve seemingly interminable scrolling tick off users to no end. Compressing online images is, without question, a critical task for spearheading customer retention for websites. Keep in mind that small images can still look sharp. This article shows you how to…

With the advent of technology and the attendant fast-growing demand for feature-rich computing devices (laptops, smartphones, iPads), their manufacturers are rising to the occasion by producing high-resolution machines with screens of various sizes and device-pixel ratios. Thus was born the impetus behind the need for and creation of WordPress…

Angular is a Typescript-based open source framework for building mobile and web applications. It’s very different from AngularJS because it’s a complete rewrite from ground up. Angular is currently at version 9 and its usage amongst developers keeps increasing by the day. Performing an Angular file upload to Cloudinary…

Indisputably, visual presentations of events, places, people, and even intangible things make deeper impressions and linger in our minds for longer than words or any other communication medium, hence the meteoric rise through the ages of transmitting ideas and promoting brands in the business sector through images. The recent discovery…

On social media, videos posted by users constitute a significant amount of the content appeal on those platforms. From upload to manipulation to delivery, a smooth, efficient, and effective pipeline for the posting process is mandatory to ensure consistent user sessions and their steadily increasing volume. However, building such…

I recently came across a tweet by organizer and developer advocate iChuloo by way of @JAMStackLagos on how to reduce the size of an image with only one line of code on Cloudinary. Using @cloudinary in React and this sends the…

As technologies advance apace, the volume of online videos continues to increase fast. Instagram, WhatsApp, Facebook, YouTube, TikTok are just a few platforms among many that massively share and distribute videos around the clock. In addition to cloud-based video compression solutions like Cloudinary, local video compression methods using libraries…

What is React Native? React Native is a popular open source software that enables you build mobile applications easily with JavaScript. Other similar and popular options out there include Ionic, Lungo, Sencha Touch and NativeScript Vue. You can use your existing knowledge of HTML5, CSS and…

Search ranking algorithms utilize various signals to determine how websites rank against each other on the internet either via desktop or mobile searches. One such signal is Site speed. In 2010, Google introduced Site speed as a signal in their search ranking algorithms. However, this only applied to web…

Summary In this talk, the audience learns everything they will ever need to know about playback controls, offline media, image & video optimization and transformation, pre-loading, deep learning with Images, audio & improving web performance by using the right tools while dealing with media assets in their react apps.

Drupal is a very popular open source content management system (CMS) that has been deployed countless times by organizations and developers around the world. Drupal gained a reputation for being very flexible, powerful and robust in creating complex websites. With Drupal, you can create everything from plain websites, blogs and…

Web sites and platforms are becoming increasingly media-rich. Today, approximately 62 percent of internet traffic is made up of images, with audio and video constituting a growing percentage of the bytes. The web’s ubiquity is making it possible to distribute engaging media experiences to users around the world. And…

Developers are constantly faced with challenges of building complex products every single day. And there are constraints on the time needed to build out the features of these products. Engineering and Product managers want to beat deadlines for projects daily. CEOs want to roll out new products as fast as…

Bots – which have been around for a long time and perform different functions – are gradually replacing traditional applications. Consider Internet bots, also known as web robots, as software applications that run automated tasks over the internet, such as crawling websites and indexing search engines. Slack, the popular business…

WordPress is the number one content management system (CMS) in use today, running approximately 27 percent of the entire internet. Several high-traffic websites run on WordPress, and many utilize media, such as images and videos,…