Cloudinary DevJams
32 episodes - English - Latest episode: 3 months ago - ★★★★★ - 1 ratingInterviews and code walkthroughs with software developers about their websites, apps and other projects that are handling management and delivery of their images and videos in innovative ways, commonly with Cloudinary.
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
Adding Images to Tableau Data Visualizations with Cloudinary - DevJams Episode #27
January 29, 2024 20:40 - 1 hour - 61 MBTableau 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 le...
Auto Detect Cloudinary and CDNs, Easily Deliver Images with Unpic - DevJams Episode #26
January 17, 2024 16:58 - 58 minutes - 53.5 MBMatt Kane, principal software engineer at Netlify, has developed the Unpic project. With it, you can automatically detect the content delivery network (CDN) for an image. On top of that, it uses the CDN’s URL API to resize and format images. It then generates the correct srcset and sizes attributes for the image. Join Matt for this Cloudinary DevJams episode to walk through Unpic. He will show how to use this component with popular frameworks like Astro, React and Svelte, using simple img t...
Easy Content Publication with Hugo, Decap CMS and Cloudinary - DevJams Episode #25
January 08, 2024 22:41 - 50 minutes - 46 MBAre 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 Cloudi...
Elevating User Experience with Cloudinary, Markdown and Deno’s Fresh - DevJams Episode #24
December 18, 2023 13:00 - 54 minutes - 49.6 MBDon'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 Cloudinar...
Exporting 3D Objects from Blender to Cloudinary for Optimized Web Delivery - DevJams Episode #23
December 11, 2023 13:00 - 39 minutes - 36.6 MBBlender 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 G...
Generating Image Galleries, Open Graph Content with Vercel and Cloudinary - DevJams Episode #22
December 04, 2023 13:00 - 55 minutes - 50.6 MBIn 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...
Serving Optimized Docusaurus Images with Rehype, Markdown and Cloudinary - DevJams Episode #21
November 27, 2023 18:25 - 1 hour - 58.3 MBIn 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 h...
Reducing Image Delivery Bandwidth with Cloudinary - DevJams Episode #20
August 18, 2023 22:21 - 1 hour - 58.9 MBJoin 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 understa...
Reducing Image Delivery Bandwidth with Cloudinary
August 18, 2023 22:21 - 1 hour - 58.8 MBJoin 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...
Building a Publish Extension for Canva and Cloudinary - DevJams Episode #19
July 11, 2023 23:14 - 1 hour - 58.7 MBWith 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 cre...
Building a Publish Extension for Canva and Cloudinary
July 11, 2023 23:14 - 1 hour - 58.6 MBWith 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 h...
Image Loading Enhancements with Cloudinary, Tailwind and Base64 Encoding
June 08, 2023 21:43 - 1 hour - 62.6 MBKent 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. Thi...
Image Loading Enhancements with Cloudinary, Tailwind and Base64 Encoding - DevJams Episode #18
June 08, 2023 21:43 - 1 hour - 62.7 MBKent 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 convers...
Retrieving Instagram Content, Delivering with Cloudinary - DevJams Episode #17
May 23, 2023 16:58 - 55 minutes - 51.1 MBIn 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...
Retrieving Instagram Content, Delivering with Cloudinary
May 23, 2023 16:58 - 55 minutes - 51.2 MBIn 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 experie...
Automating Podcast Audio Delivery with Cloudinary, Next.js and Sanity
February 21, 2023 16:07 - 1 hour - 57.6 MBAmy 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 James in this DevJams episode, walking through their podcast production efforts. They’ll showed their various code and scripts used to automate man...
Automating Podcast Audio Delivery with Cloudinary, Next.js and Sanity - DevJams Episode #16
February 21, 2023 16:07 - 1 hour - 57.6 MBAmy 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 James in this DevJams episode, walking through their podcast production efforts. They’ll showed their various code and scripts used to automate many of the ...
Enhancing Image Delivery with Cloudinary, JavaScript Frameworks and Webhooks
January 18, 2023 00:52 - 59 minutes - 54.5 MBAs a developer evangelist for Adobe, Raymond Camden is always looking for new ways to enhance his image delivery methods on his personal website and projects. While investigating Cloudinary, he developed some awesome techniques for handling responsive images and delivery workflows via Pipedream-managed webhooks that could really help you! Raymond joined Becky and Sam from Cloudinary’s Customer Education team, discussing his recent projects with thorough code reviews. We covered a lot in this...
Optimizing Cloudinary Images in Markdown Files
December 09, 2022 16:34 - 1 hour - 58.7 MBMarkdown is great for writing your next blog post, but including images in a web-friendly way is challenging. Thankfully, we can use information from Cloudinary’s APIs to modify our Markdown to display properly sized images! In this DevJams episode, we sit down with Brad Garropy, Developer Experience Engineer at Atlassian. He walks us through his open source project that uses libraries like Remark and Rehype to add width and height to Cloudinary-delivered images in Markdown files, as well as...
Building a Web3 Marketplace with Cloudinary and IPFS
November 30, 2022 19:16 - 42 minutes - 39.1 MBDaniel Duan, who is the head of engineering at Legitimate, has helped build out a truly innovative Web3 marketplace. The Drops by Legitimate project allows artists to create non-fungible tokens (NFTs) for their physical products, such as paintings, photography and even wearable items. As the artists’ product images are delivered via Cloudinary, Becky and Sam from Cloudinary’s Customer Education team sat down with Daniel for this DevJams episode. They discuss all things related to the Drops p...
Accessing Cloudinary with GraphQL in Gatsby
November 21, 2022 21:48 - 42 minutes - 39.2 MBTapas Adhikary, who is a frequent contributor on FreeCodeCamp.com and other developer resources, recently created an excellent image gallery with Gatsby and Cloudinary! Becky and Sam from Cloudinary's Customer Education team sat down with Tapas to walk through his "Imaginary" project and better understand some of its components, such as its use of GraphQL and deployment via Netlify. If you are looking on building your next project with any of the mentioned technologies, this is an episode...
Connecting Cellists Globally Fullstack with Python, D3.js and Cloudinary
October 21, 2022 16:27 - 53 minutes - 49.1 MBIn classical music, knowing the people you have trained with has a lot of value! This is why Cori Lint, software engineer at Ovia Health, developed Cello Tree - a directory of cellists to show their relationships to each other. Becky and Jen on Cloudinary's Customer Education team sit down with Cori to learn more about the project and its underlying technologies, which include Python, D3.js and Cloudinary. If you are looking to develop a side project about your passions, this is definitely a ...
Creating GitHub Wrap with n8n, Cloudflare and Cloudinary
September 27, 2022 18:49 - 53 minutes - 48.9 MBMany developers make tons of open-source contributions, but keeping track of all of the various commits, pull requests and other actions can be challenging. Harshil Agrawal, who is a Developer Advocate for Contentful and formerly with n8n, created a project that solves this issue - GitHub Wrap. Using technology like n8n, Cloudflare and Cloudinary, he developed this excellent product that makes it easy to get a yearlong recap of the parts developers have taken to benefit the open-source commun...
Developing a Netlify Build Plugin to Optimize Web Media with Cloudinary
April 25, 2022 18:19 - 54 minutes - 50.2 MBNetlify Build Plugins can add powerful capabilities to every build, thanks to an ever-growing community directory! Find out how Colby Fayock - Senior Developer Experience Engineer at Cloudinary - created a Build Plugin that automatically optimizes and converts images on a Netlify-deployed site into modern formats with Cloudinary. Our hosts Becky and Sam explore many topics with Colby in this DevJams episode, diving into all of the code that makes this plugin possible.
Creating a Work Portfolio with Heroku, Flexbox and Cloudinary
April 08, 2022 15:01 - 51 minutes - 47.4 MBLearn how Sean Morgan - full stack web developer and illustrator - created his work portfolio with technologies like Cloudinary, Heroku and CSS flexbox layouts. Sam and Becky dive into his techniques, showing how he updates the pages via JSON listings of assets in his Cloudinary account and applies contextual metadata in the process for search engine optimization purposes. If you are building out your first portfolio to showcase your work, or just giving it a needed update, this is a DevJams ...
Tracking Entertainment Auditions Fullstack with Python and Cloudinary
December 15, 2021 02:56 - 54 minutes - 50.3 MBFind out in this DevJams episode how Jen Brissman - recent graduate from Hackbright Academy (and the newest member of Cloudinary's Customer Education team!) - built a fullstack web application for storing information and media from entertainment industry auditions as her capstone project. We cover how she incorporated frontend languages such as JavaScript, Flask and Python in the backend, APIs from Cloudinary and Twilio, and all tied together with a PostgreSQL database.
Curating and Delivering Open-Source Icons With Cloudinary for Iconduck
October 15, 2021 19:39 - 1 hour - 76 MBAdding SVGs and other vector graphics to your website can be somewhat tricky! But Oliver Nassar, co-founder of Iconduck and Stencil, was able to overcome the challenges associated with these files for his projects. Find out how he did it in this in-depth DevJams episode, using Cloudinary's transformations and other development tools.
Integrating Cloudinary, Dropbox, and Postman for Product Screenshots
August 03, 2021 19:51 - 56 minutes - 51.7 MBCreating automation and streamlining tasks can be such a powerful way for developers to make a business impact. Kyle Calica-St, who is a Product Support Engineer at Postman, was able to combine Cloudinary, Dropbox and Postman's toolset to create a unified screenshot repository for all of his company's teams - Documentation, Support, Marketing and more. Find out how he developed this process through his conversation with Sam and Becky at Cloudinary for this DevJams episode.
Building Your Next Blog Fast With Cloudinary and AWS Amplify
May 12, 2021 17:12 - 1 hour - 69.9 MBWith AWS Amplify, you can easily and quickly build your next full stack application. And by combining Cloudinary’s uploading and delivery capabilities for rich media assets, such as images and videos, you can launch something highly optimized and scalable in a few clicks. Find out how to start your next project in this DevJams episode, where we learn from Alex Patterson - AWS Community Builder and Cloudinary Media Developer Expert (MDE).
Creating Social Sharing Images With Cloudinary and Svelte
March 16, 2021 17:22 - 1 hour - 70.4 MBWant to know how to dynamically develop Open Graph images and Twitter Cards for your JAMstack website? Check out this discussion between Ryan Filler and Cloudinary’s Customer Education team to see how it is possible, using Svelte, Sapper, Puppeteer and Netlify Functions.
Fetching Local Production Images With Cloudinary for an Eleventy Site
March 05, 2021 05:02 - 1 hour - 58.4 MBWatch our hosts Sam Brace and Becky Peltz, as well as our special guest host Eric Portis, interview Chris Coyier about his recent development project. With Eleventy, Netlify, Puppeteer and Cloudinary's fetch capabilities, he was able to create a microsite for his famous CSS-Tricks.com site that showcases various coding fonts you can use. Find how he did it by watching this episode!
Controlling Video from Cloudinary With Voice Commands
March 04, 2021 23:34 - 55 minutes - 51.3 MBIn our first-ever DevJams episode, our hosts Sam Brace and Becky Peltz interview Hannah Kofkin about her recent development project. With React, Rails, Cloudinary and a PostgreSQL database, she was able to develop a recipe app that allows the user to control videos through voice control. Find how she did it by watching!