Skip to content

RESOURCES / BLOG / Responsive

Results for Tag ‘Responsive’

Create a Responsive React Image Component With Cloudinary-React SDKs

Topics Guest Post, Image, Javascript, React, Responsive
Read Time

Images are an important part of the web, so delivering the right image for the right device at the right time while maintaining optimized quality is very important. In this article, we’ll go over a few techniques using Cloudinary-React SDK v2 and JavaScript SDK v2 to apply transformations to our…

Add a Responsive Image Carousel to Your React App

Topics Guest Post, Image, React, Responsive
Read Time

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,…

Integrating Cloudinary With Download Adapters for Android

Topics Android, Image Transformation, Mobile, Responsive
Read Time

Adding code to display an image in your application is one of the most common tasks for almost every application developer. However, when it comes to Android applications, there is no inbuilt support for any image related tasks, which could be a potential pain when Android developers need to handle…

Responsive Images Guide, Part 3: Variable Image Encoding

Topics Image Formats, Responsive, Responsive Images
Read Time

Welcome to the latest edition of the Responsive Images Guide! In part 1, I laid out the big idea: a responsive image is a variable image – which adjusts itself to fit variable contexts. In part 2, we looked at the most common way that an image…

Responsive Images Guide, Part 2: Variable Image Resolution

Topics Responsive, Responsive Images
Read Time

In Part 1 of this series, I discussed (rather abstractly) what it means for an image to be “responsive.” In short, a responsive image is a variable image that adapts to fit variable contexts, in order to provide a great experience to users no matter what their screen,…

Responsive Images Guide, Part 1: What does it mean for an image to be “responsive”?

Topics Responsive, Responsive Images
Read Time

“Responsive.” Where did that term come from, anyways? In his sea-changing essay, Responsive Web Design, Ethan Marcotte explained: Recently, an emergent discipline called “responsive architecture” has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and…

Push-button Art Direction with Cloudinary’s Responsive Image Breakpoints Generator

Topics HTML5, Image Transformation, Responsive, Responsive Images
Read Time

Note: this article was originally published in Smashing Magazine. Four years ago, Jason Grigsby asked a surprisingly difficult question: How do you pick responsive images breakpoints? A year later, he had an answer: ideally, we’d set responsive image performance budgets to achieve “sensible…

Jason Grigsby on Responsive Images: Gazing into the Crystal Ball

Topics Guest Post, Responsive, Responsive Images
Read Time

In the conclusion of this three-part interview the Jason Grigsby, we examine what the future may hold for images on the web. Previously: Part 1, Part 2. EP: I want to go back to the idea that we started with, that images are fundamentally…

Manage thousands of images with multiple versions across all of your web properties

Topics Asset Management, Digital Asset Management, Responsive, Responsive Images
Read Time

This article originally appeared on Inc. Magazine and is reprinted with permission. Back in the day, responsive website design wasn’t the business imperative that it is now. In fact, just having a functioning website was all…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free