cloudinary Archives - CSS-Tricks

#155: Responsive Images, WordPress, and Cloudinary

# June 22, 2017 By Chris Coyier

Eric Portis joins me to dig into the world of responsive images.

We start at the basics. Responsive images are specifically images in HTML and exist because of a desire for better performance. Images are probably the biggest culprit in the overall weight of websites. If we can avoid sending too many pixels across the network, we should. After all, a screen that is only 720 pixels wide doesn't need a 2000 pixel wide image, even if it's a 2x display.

(more…)

Responsive Images in WordPress with Cloudinary, Part 2

# February 27, 2017 Sponsored

In Part 1 of this series, I provided some background on responsive images, describing how you can add srcset and sizes attributes to an img element to serve appropriately sized image files to users of a website based on the size and capabilities of their browser and device. I also shared how WordPress used its native image resizing functionality to implement srcset and sizes automatically and how you can use an external image service like Cloudinary to extend the native implementation that WordPress provides.

(more…)

cloudinary responsive images WordPress

Responsive Images in WordPress with Cloudinary, Part 1

# February 16, 2017 Sponsored

In this post we'll look at a brief history of responsive images and why they are so important for performant websites. Then we'll look at how WordPress helps automate that, and ultimately how the whole situation gets a lot better by leveraging Cloudinary.

cloudinary responsive images

Image Upload and Manipulation with React

# August 9, 2016 By Damon Bauer

The following is a guest post by Damon Bauer, who tackles a pretty common web developer job: offering user image uploads. I'd hesitate to call it easy, but with the help of some powerful tools that do a lot of the heavy lifting, this job has gotten a heck of a lot easier than it used to be. Damon even does it entirely in the browser!

(more…)

cloudinary images react