Cloudinary DevJams

Cloudinary DevJams

By CloudinaryTechnology
Download on the App Store

Cloudinary DevJams episodes

  • Image and Video-Rich Digital Signage with Cloudinary and Intuiface - DevJams Episode #29

    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!

    ---

    Not a Cloudinary user yet? Sign up for your FREE account today!

    59 min
  • Syncing Local Folders to Cloudinary for Automated Cloud Storage - DevJams Episode #28

    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!

    ---

    Not a Cloudinary user yet? Sign up for your FREE account today!

    1 hr 11 min
  • Adding Images to Tableau Data Visualizations with Cloudinary - DevJams Episode #27

    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.

    ---

    Helpful Resources

    • Edit images with calculations in Tableau using Cloudinary and Tableau Image Roles
    • Tableau Image Role + Cloudinary = data driven images
    • Cloudinary Documentation - Image Resizing and Cropping

      • Not a Cloudinary user yet? Sign up for your FREE account today!

      1 hr 7 min
    • Auto Detect Cloudinary and CDNs, Easily Deliver Images with Unpic - DevJams Episode #26

      Matt 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 tags. Matt also will demonstrate how Unpic can handle responsive resizing of images, while preserving aspect ratio and avoiding layout shift.
      If you're looking for a simple way to work with CDN-delivered images in your favorite framework, don't miss this episode!
      ---
      Mentioned Technology:
      - Astro
      - GitHub Repository for Unpic
      - Unpic's Homepage
      ---
      Not a Cloudinary user yet? Sign up for your FREE account today!

      59 min
    • Easy Content Publication with Hugo, Decap CMS and Cloudinary - DevJams Episode #25

      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.

      ---

      Mentioned Technology:

      • Cloudinary
      • Decap CMS
      • GitHub Repository - hugo-cloudinary-decap-demo
      • Hugo
      • Netlify

        • Mentioned Cloudinary Transformations and Features:

        • Image resizing and cropping
        • Image and video optimization

          • ---

          Not a Cloudinary user yet? Sign up for your FREE account today!

          51 min
        • Elevating User Experience with Cloudinary, Markdown and Deno’s Fresh - DevJams Episode #24

          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.

          ---

          Mentioned Technology and Helpful Links:

          • Adam's Website - Nerdy.dev
          • Cloudinary Documentation - Image resizing and cropping
          • Cloudinary Documentation - Optimize Images
          • Cloudinary Documentation - Responsive images
          • Deno Fresh

            • ---

            Not a Cloudinary user yet? Sign up for your FREE account today!

            55 min
          • Exporting 3D Objects from Blender to Cloudinary for Optimized Web Delivery - DevJams Episode #23

            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!

            ---

            Mentioned Technology and Helpful Links:

            • Anthony's Cloudinary Exporter on Blender Market
            • Cloudinary Blog Post: The 3 Ds of 3D with Cloudinary
            • Code Sandbox from Anthony, using 3D objects in Cloudinary's Product Gallery from Blender
            • Documentation on Cloudinary's Product Gallery
            • Documentation on Cloudinary's Upload Presets

              • Not a Cloudinary user yet? Sign up for your FREE account today!

              40 min
            • Generating Image Galleries, Open Graph Content with Vercel and Cloudinary - DevJams Episode #22

              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.

              ---

              Mentioned Technology and Helpful Links

              • Ben's Photo Gallery Project - dynamic.photos
              • Cloudinary Documentation: Image transformations
              • Cloudinary Search API Method
              • Next.js App Router
              • Vercel Blog: Building a fast, animated image gallery with Next.js
              • Vercel Blog: Introducing OG Image Generation: Fast, dynamic social card images at the Edge
              • Vercel.com/Templates

                • Not a Cloudinary user yet? Sign up for your FREE account today!

                56 min
              • Serving Optimized Docusaurus Images with Rehype, Markdown and Cloudinary - DevJams Episode #21

                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.

                ---

                Check out John's plugin in his GitHub repository.

                Read John's blog post about the project.

                Learn even more on Cloudinary's blog about using Cloudinary and Docusaurus together.

                Dive into Cloudinary's documentation on delivering remote media files with the fetch feature.

                ---

                Not a Cloudinary user yet? Sign up for your FREE account today!

                1 hr 4 min
              • Reducing Image Delivery Bandwidth with Cloudinary - DevJams Episode #20

                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.

                ---

                Learn more about Formidable.

                Read Grant's blog post about the project.

                Mentioned Cloudinary Products and Features:

                • Automatic format selection transformation
                • Automatic quality selection transformation
                • Cloudinary Nexus
                • Node.js SDK
                • Upload Method

                  • Mentioned Technology:

                  • Amazon S3
                  • Broken Link Checker
                  • Git
                  • Glob
                  • Markdown
                  • Puppeteer
                  • WebP Image Format

                    • Also, read Formidable's case study for PUMA.

                    Not a Cloudinary user yet? Sign up for your FREE account today!

                    1 hr 5 min

                  About Cloudinary DevJams

                  From the publisher's feed

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