Episodios
-
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!
-
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!
-
¿Faltan episodios?
-
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 CroppingNot a Cloudinary user yet? Sign up for your FREE account today!
-
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!
-
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 NetlifyMentioned Cloudinary Transformations and Features:
Image resizing and cropping Image and video optimization---
Not a Cloudinary user yet? Sign up for your FREE account today!
-
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!
-
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 PresetsNot a Cloudinary user yet? Sign up for your FREE account today!
-
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/TemplatesNot a Cloudinary user yet? Sign up for your FREE account today!
-
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!
-
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 transformationAutomatic quality selection transformationCloudinary NexusNode.js SDKUpload MethodMentioned Technology:
Amazon S3Broken Link CheckerGitGlobMarkdownPuppeteerWebP Image FormatAlso, read Formidable's case study for PUMA.
Not a Cloudinary user yet? Sign up for your FREE account today!
-
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.Read more about Igor's process in building his Canva-Cloudinary connector on the Cloudinary blog.
Mentioned Cloudinary Transformations and Features:
Environment VariableAdmin API Get SubfoldersUpload APIURL Helper MethodNot a Cloudinary user yet? Sign up for your FREE account today!
-
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.
Learn more about the project on Kent's blog.
Covered Cloudinary Transformations and Features
Resizing and CroppingAutomatic quality selection (q_auto)Automatic format selection (f_auto)Blur effectsMentioned Technology and Associated Topics
Cumulative Layout Shift (CLS)Aspect Ratio Plugin for TailwindBlurHashTailwind CSSNot a Cloudinary user yet? Sign up for your FREE account today!
-
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!
Learn More about Joel's Project:
Blog PostProject RepositoryMentioned Technology:
GatsbyNext.jsgatsby-source-instagramTypeScriptdotenvInstagram Graph APIAxiosNetlifyGitHub ActionsMentioned Cloudinary Products and Features:
Upload APIPublic IDFoldersTagsSearch APINot a Cloudinary user yet? Sign up for your FREE account today!
-
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 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 aspects with tools like Next.js, Sanity and more.
Mentioned Code Repositories, Samples and Scripts
0046-custom-audio-playercompressed-nodejscompressedfmplop-compressed-fmMentioned Cloudinary Technology
Auto-generated waveform imagesPlacing layers on imagesSemantic data extractionVideo Summarization from Cloudinary LabsMentioned Technology
DatoCMSExpressFigmaHandlebarsJavaScriptLambda Multipart ParserMarkdownNext.jsOh My ZshPlop.jsReactRenderSanity.ioSimplecastStorybookTypeScriptVercelFollow Our Guests - Amy Dutton and James Quick
James Quick's Personal WebsiteAmy Dutton's Personal WebsiteCompressed.fm's Official WebsiteFollow Our Hosts - Sam Brace and Becky Peltz
Sam Brace on LinkedInBecky Peltz on LinkedInNot a Cloudinary user yet? Sign up for your free account today!
-
As 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 episode, diving into static site generators like Eleventy, Alpine.js and other JavaScript frameworks, remote media delivery via Cloudinary fetch and more! -
Markdown 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 demystify the topic of Abstract Syntax Trees (ASTs) for your next development project. -
Daniel 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 project, including a walkthrough of how Cloudinary works with IPFS for optimized, accelerated image delivery through various caching mechanisms.
If you are looking for a great developer-focused introduction to Web3, NFTs, cryptocurrency and the blockchain, you won’t want to miss this DevJams episode! -
Tapas 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 you won't want to miss. -
In 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 DevJams episode you won't want to miss!
-
Many 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 community. Sam and Becky from Cloudinary sit down with Harshil to walk through his project and show how he built it in episode #10 of DevJams.
- Mostrar más
