Dive into All Things Digital Media

Explore our podcast programs: DevJams and MX Matters, each with its own take on what it means to build, manage and deliver the modern web.

Image and Video-Rich Digital Signage with Cloudinary and Intuiface

Developers-centric projects using Cloudinary in innovative ways.

SUBSCRIBE

Subscribe to our Podcasts on YouTube

All Things Media Experience and the Trends Shaping Today's Visual Economy.

SUBSCRIBE

Subscribe to our Podcasts on YouTube

Podcasts

    
DevJams: Episode #29

2024-04-01

Image and Video-Rich Digital Signage with Cloudinary and Intuiface

In this episode of Cloudinary DevJams, we host Seb Meunier – Customer Success Manager at ⁠Intuiface⁠! He will share how their interactive signage platform uses ⁠Cloudinary⁠ to deliver images and videos across various projects, thanks to ⁠a .NET plugin he developed⁠. Further demonstrating how the platforms interlink, Seb will walk through how their system can use many other well-known platforms. This includes ⁠Airtable⁠ and ⁠OpenAI’s DALL-E⁠ for AI image generation, in conjunction with Cloudinary. Seb plans to show these integrations through various operations, such as dictating prompts, uploading images to Cloudinary, and displaying the images on large screens. This episode shows how you can use Cloudinary as a single source of truth for all your digital projects, including signage for shared spaces such as museums and galleries. So, check it out and see how it is possible, thanks to the great work Seb has done for Intuiface!

Play the Episode

DevJams: Episode #28

2024-03-25

Syncing Local Folders to Cloudinary for Automated Cloud Storage

Cloudinary⁠ regularly hosts internal hackathons! These allow employees to stretch the boundaries of what’s possible with our products. ⁠Hadar Bejerano⁠, the head of the Solutions Engineering team, created one of the winning projects. With ⁠CloudyDesktop⁠, users can sync a local folder to Cloudinary for automated uploads! Find out how he developed this desktop application in this DevJams episode. You’ll learn more about ways to use ⁠Cloudinary’s CLI⁠ in your projects. Hadar also shows how to use some of the project’s tools and packages – ⁠Electron⁠, Keytar and ⁠Chokidar⁠. If you’re trying to find a way to automate your team’s uploading processes, this is an episode you won’t want to miss!

Play the Episode

DevJams: Episode #27

2024-01-29

Adding Images to Tableau Data Visualizations with Cloudinary

Tableau is one of the widely used data visualization and business intelligence tools! And adding dynamic images to charts and graphs is even easier, thanks to Cloudinary’s transformations. Timothy Ngwena, lead consultant for Aimpoint Digital, created an eloquent solution with the two tools. In this DevJams episode, he walks through the steps he took for adding images in Tableau. You’ll see how he breaks apart the Cloudinary image URLs to create a consistent output. On top of this, you’ll learn how to dynamically resize and shape images with Cloudinary’s transformations. So, join Cloudinary’s Customer Education team and Tableau Tim for this deep dive! You’ll be using your Cloudinary images for business intelligence purposes in no time.

Play the Episode

DevJams: Episode #25

2024-01-17

Easy Content Publication with Hugo, Decap CMS and Cloudinary

Are you looking for a simple and scalable way to launch a website? Does it need optimized image and video delivery? How about a flexible content management system? Look no further! ⁠Martin Jagodic⁠, who is a senior web developer for ⁠PM⁠, has created an excellent solution. It includes static site generator ⁠Hugo⁠, as well as ⁠Decap CMS⁠ for content authoring. And the project uses ⁠Cloudinary’s rich transformations for optimization and aesthetics too⁠. Martin walks through his project in this Cloudinary DevJams live stream and episode. In it, he shows developers how to use it for their next website launch. He also showcases ⁠Maistra⁠, one of the largest hospitality groups in Europe, and how they use this solution to power their web properties.

Play the Episode

DevJams: Episode #23

2023-12-18

Exporting 3D Objects from Blender to Cloudinary for Optimized Web Delivery

Blender⁠ is one of the most widely used software tools for modeling, animating, and rendering 3D computer graphics. And thanks to Anthony Datu and ⁠his new Blender add-on⁠, it is now possible to easily export these files into ⁠Cloudinary⁠! Anthony’s work ⁠extends the 3D creation pipeline⁠ for all artists and associated organizations, allowing for Cloudinary-optimized images to be rendered from the files for placement on websites, mobile applications, and more. And thanks to Cloudinary’s ⁠Product Gallery⁠, it is easy to display the 3D model, letting users view and interact with it online from multiple angles. Come join this conversation with Anthony and Cloudinary’s Customer Education team to see how he built the add-on, and learn how you can start using it in your upcoming 3D projects!

Play the Episode

DevJams: Episode #24

2023-12-18

Elevating User Experience with Cloudinary, Markdown and Deno’s Fresh

Don’t miss out on this insightful DevJams episode that explores the intersection of cutting-edge web development and user experience, alongside one of Google’s leading experts. We are thrilled to have ⁠Adam Argyle⁠ (Chrome CSS Developer Advocate at Google) join us for an in-depth discussion about his personal website, ⁠Nerdy.dev⁠. Adam shares his expertise in leveraging Cloudinary’s versatile capabilities to optimize and customize his image and video content. Discover how he utilizes Cloudinary’s prebuilt strings with standard optimizations to ensure fast-loading visuals and integrates Cloudinary features, such as ⁠maximum size restrictions⁠, ⁠customized URLs⁠, ⁠lazy loading⁠, and ⁠asynchronous image decoding⁠. We explore his innovative Markdown parsing techniques that transform authored paths into fully optimized Cloudinary URLs, seamlessly integrating with Preact components and the ⁠Deno Fresh⁠ framework for optimal server-side rendering benefits. Prepare to be inspired as Adam takes us on his journey using Cloudinary to further optimize and tailor the user experience on Nerdy.dev.

Play the Episode

DevJams: Episode #22

2023-12-01

Generating Image Galleries, Open Graph Content with Vercel and Cloudinary

In this Cloudinary DevJams episode, we are joined by Ben Seymour – Director of Sales Engineering at Vercel! Ben has developed several interesting open-source projects using Vercel, Cloudinary, and Next.js. With these technologies, it is possible to create fast-loading, animated image galleries. Combined with Vercel’s Open Graph Image Generator, he also can easily create and update the images used by social media sites and microbrowsers when sharing projects! Ben provides how-to details on some of the steps taken, such as markup with Tailwind and extensive use of Cloudinary transformations for background removal and other effects. This episode is jam-packed with practical tips and tricks to take your development skills to the next level! So, do not miss out on this exciting opportunity to learn from a seasoned pro like Ben Seymour.

Play the Episode

DevJams: Episode #21

2023-11-27

Serving Optimized Docusaurus Images with Rehype, Markdown and Cloudinary

In this Cloudinary DevJams episode, open-source software engineer ⁠John Reilly⁠ shares ⁠his plugin⁠ for the React-based optimized ⁠site generator Docusaurus⁠. It uses Cloudinary for serving optimized images! Using ⁠Rehype⁠ and ⁠Markdown⁠, the plugin fetches images from their original source on his blog’s server. Then it optimizes them by updating the URL structure to be served via Cloudinary and its associated content delivery networks. Cloudinary’s Customer Education team takes a closer look at how John is using Markdown and his plugin to improve the way images are served via Docusaurus. Whether you’re new or experienced with the associated software and frameworks, join us to learn more about ways to streamline your website optimization efforts, so you can focus more on your content.

Play the Episode

DevJams: Episode #20

2023-08-18

Reducing Image Delivery Bandwidth with Cloudinary

Join Grant Sander, Vice President of Engineering at Formidable, in this Cloudinary DevJams episode! You’ll learn how Grant migrated images to Cloudinary and experienced significant enhancements for their website, such as next-generation image format delivery and support. Grant demonstrates the process and code that Formidable used to migrate images, resulting in an 86% reduction in image bandwidth for the site. Follow along with Cloudinary’s Customer Education team to gain a better understanding of the motivation and work involved in the process, from identifying the problem to measuring success. If you’ve been storing your assets in a code repository and creating your own optimization processing pipeline, but finding the process to be challenging, this is a conversation you won’t want to miss.

Play the Episode

DevJams: Episode #19

2023-07-11

Building a Publish Extension for Canva and Cloudinary

With Canva being one of the hottest tools for creative and design projects, Cloudinary’s Igor Vorobeychik decided to build out a Canva-Cloudinary connector to help streamline work for those who use both platforms! This allows people to create their design in Canva, then publish it to Cloudinary for delivery onto websites, mobile apps and more. Cloudinary’s Customer Education team will be walking through Igor’s Canva Publish Extension to show how he built it, and better understand how to create deep connections between mutually beneficial systems via code. Together, we will dive into his scripts that use Cloudinary’s Node.js SDK, Express, and more.

Play the Episode

DevJams: Episode #18

2023-06-08

Image Loading Enhancements with Cloudinary, Tailwind and Base64 Encoding

Kent Dodds is one of the foremost experts on JavaScript, authoring helpful blog posts and courses on the widely used programming language. He recently shared some techniques to improve his own blog’s image loading experience, which happens to use Cloudinary for several aspects of it. Becky and Sam from Cloudinary’s Customer Education team talked with Kent, walking through the processes he took to get a 100/100 on the “Cumulative Layout Shift” Core Web Vitals score for his blog. This conversation includes reviewing code scripts to understand his use of Tailwind’s aspect-ratio plugin, Cloudinary’s ability to load perfectly sized images and to handle Base64 encoding, and other important topics.

Play the Episode

DevJams: Episode #17

2023-05-23

Retrieving Instagram Content, Delivering with Cloudinary

In this Cloudinary DevJams podcast episode, we talk with Joel Turner – Senior Product Engineer at Sprinkr! He demonstrates how he built a Gatsby plugin that uses Cloudinary to serve Instagram content on his blog. Our hosts and guest dive into all things open-source, as Joel is actively creating and sharing code on GitHub for Jamstack plugins and other projects he is authoring. Additionally, Joel recently migrated code from one React-based framework to another and shares his experiences, now publishing his blog on the Next.js framework. If you are interested in working with Instagram posts for future development projects, or building your own plugins, this is a DevJams episode you won’t want to miss!

Play the Episode

DevJams: Episode #16

2023-02-21

Automating Podcast Audio Delivery with Cloudinary, Next.js and Sanity

Amy Dutton and James Quick host the popular Compressed.fm podcast, with amazing discussions on all things web development and design. To help deliver the episodes, they use Cloudinary’s APIs to customize their audio players and create promotional imagery in very innovative ways. Cloudinary’s Customer Education team sat down with Amy and