Logo
    Search

    Podcast Summary

    • Learning about Cloudinary's image and video transformationsCloudinary is a developer tool for easily transforming images and videos using APIs, including dynamic cropping, resizing, and AI-generated images based on prompts.

      Cloudinary, an image and video platform for developers, offers a range of transformative features for images and videos using simple URL parameters. Colby Fayock, the director of developer experience engineering at Cloudinary, shared his background in UX and front-end engineering and transition into the DevRel world. He introduced Cloudinary as a tool for developers to easily transform images and videos with APIs, including dynamic cropping and resizing. Fayock also mentioned Cloudinary's foray into AI features, which include generating images based on prompts, a capability that has significant opportunities for images and AI on the web. Fayock gave a brief introduction to his personal brand, Space Jelly, which he built around a jellyfish mascot. Overall, the Syntax Supper Club episode with Colby Fayock provided insight into Cloudinary's offerings and the potential of AI in image and video transformations.

    • New Cloudinary features for image processing automationCloudinary's latest beta offers alt text generation, object removal/replacement, and generative fill for instant, consistent image processing

      Cloudinary's latest beta features offer practical applications for image processing automation. These new capabilities include generating alt text for uploaded images, object removal and replacement using URL parameters, and generative fill for consistent image sizing. These transformations are done on demand and then cached for instant delivery. The technology behind these features is not yet specified, but they allow for dynamic cropping and resizing, as well as the ability to crop to specific objects or faces in both images and videos. This automation streamlines the image processing experience and ensures consistency across large collections of media.

    • Cloudinary goes beyond image storage and manipulationCloudinary offers video tracking, 3D animation, and low-code media workflows, making it more than just an image storage and manipulation platform

      Cloudinary is more than just an image storage and manipulation platform. It offers various features including video tracking, 3D animation creation, and low-code media workflows. The image processing is stable diffusion, and while some features may require specific file types, others can be accessed through URLs. The APIs are designed with careful consideration to make them user-friendly, and while URL manipulation is possible, the SDK makes the process easier. The platform also offers unique features like media-rich applications and even supports file extensions as simple as a fire emoji. Despite its complexities, Cloudinary's team puts significant thought into designing their APIs and making them accessible to developers.

    • AI-powered media management and content creationCloudinary's AI features enable easy media discovery, automatic cropping, and impressive use cases like object removal and background removal.

      Cloudinary's AI-powered features offer significant benefits for media library management and content creation. The auto tagging and content analysis capabilities make media more searchable and discoverable, enabling users to easily find specific content. The generative fill feature, which allows for automatic cropping and resizing, is particularly practical and useful for handling varying image sizes. Impressive use cases of these features include object removal and background removal, which can be done on the fly and in combination with other transformations for unique results. Some features, like background removal, require additional add-ons, while others, like the new AI-powered transformations, are available on the free plan but come at a slightly higher cost in terms of credits. Overall, these AI-driven functionalities offer a range of practical and impressive applications, enhancing the user experience and streamlining content creation processes.

    • Background removal technology advancementsAI and machine learning advancements have made background removal faster and easier, with tools like remove.bg and iOS's new feature leading the way. Applications include e-commerce, sports teams, and YouTube thumbnail creation.

      Background removal technology has advanced significantly, making it easier and faster to manipulate images. This was discussed in relation to various tools like remove.bg and the new background removal feature in iOS. The convenience of these tools was compared to the time-consuming process of manually removing backgrounds in the past. The discussion also touched upon the potential applications of background removal in e-commerce, sports teams, and YouTube thumbnail creation. Additionally, the possibility of automating text and graphic transformations using similar technology was suggested. The challenge of making these tools more intuitive for developers was also acknowledged. Overall, the conversation highlighted the impact of AI and machine learning on image manipulation and its potential to streamline various processes.

    • Advancements in video production technologyNew tools enable dynamic video production with templates and overlays, creating multiple versions of ads or videos, and even interacting with libraries and code through natural language.

      Technology is advancing to make video production more dynamic and customizable. The ability to stitch videos together with templates and overlays is already a reality with some platforms. This functionality goes beyond just video stitching, as it allows for the creation of multiple versions of the same ad or video using the same template, but with different images and text. Additionally, the concept of function calling through natural language, as demonstrated by OpenAI, is a new development that could revolutionize how we interact with libraries and code. This technology allows users to give it a structure or schema of their functions in a TypeScript-like syntax and then ask it to answer questions or perform tasks using those functions. The potential applications for this technology are vast, including simplifying the process of returning functions in JSON format and making it easier to use libraries. However, the concept is still in its infancy and requires further understanding to fully grasp its capabilities. Overall, these advancements in technology are making video production more efficient and customizable, and the ability to interact with libraries and code through natural language is an exciting new development.

    • Challenges with AI-based tools like CloudinaryAI tools like Cloudinary bring advancements but can be inconsistent, requiring developers to adapt and use previously generated results as a base.

      While AI-based tools like Cloudinary offer impressive functionalities, they are not always consistent in their outputs due to the nature of AI. This unpredictability can pose challenges for developers, especially when creating tutorials or relying on specific results. However, Cloudinary's approach involves using previously generated results as a base, and only regenerating when necessary. The use of temperature settings and other properties can introduce randomness, which some developers may find desirable or unwanted. Cloudinary is also encouraging community-driven development of unofficial SDKs to better cater to developers' needs. So, while AI-based tools bring significant advancements, it's important for developers to be aware of their inconsistencies and adapt accordingly.

    • Expanding image component library to Svelte and Nuxt with UnpickTeam integrates existing image component Unpick into library for Svelte and Nuxt, optimizing URLs and reducing double work for popular frameworks, improving developer experience

      The team is expanding their image component library to support Svelte and Nuxt, two popular frameworks in the JavaScript community. They're doing this by integrating an existing image component called Unpick, which aims to standardize image responses and URL building across different frameworks. Unpick also optimizes URLs based on the specific image service being used, such as Cloudinary, reducing the need for double the work. The team chose to focus on Svelte and Nuxt due to their strong community support and prevalence in their respective ecosystems. These new implementations will be available on Cloudinary's community page once they're officially released. Companies investing in developer relations can learn from this approach by providing comprehensive integrations for various frameworks and platforms, making it easier for developers to adopt their tools.

    • Maintaining examples in frameworksInvesting in community support and ecosystem development, and keeping examples updated, are crucial for the success of a framework or tool.

      Having up-to-date examples is crucial for the success of a framework or tool, but it can be a challenge to maintain them. Companies like Next.js provide numerous examples to help users implement their framework with various technologies, but keeping them updated is essential to avoid frustration. Investing in community support and ecosystem development can also be beneficial. Cloudinary's power lies in its ability to encapsulate state into URLs, making image transformation easy and flexible. This feature allows for caching, consistent results, and less reliance on writing code for transformations. To create content, such as YouTube videos, the speaker follows a process of gathering ideas, finding inspiration, creating demos, and sometimes writing articles or scripts. The key is to only pursue ideas that spark joy and inspiration.

    • Breaking down complex concepts, using tools for recording and editing, and optimizing camera placementEffectively create videos by breaking down complex ideas, using tools like OBS for recording and editing, and optimizing camera placement for good lighting and clear content.

      Effective video creation involves breaking down complex concepts into manageable segments, using tools like OBS for recording and editing, and employing time-saving techniques such as selective deletion and quick exports with tools like Recut. Another essential aspect is setting up a visually appealing background and optimizing camera placement for both good lighting and a clear view of the content. For instance, using colorful bulbs and cheap desk lamps, or positioning a camera inside a ring light, can significantly enhance the overall production value. Additionally, having a monitor in front of you while recording can be a challenge, but finding a balance between having a monitor for reference and keeping the camera at a low angle is crucial for a professional-looking setup.

    • Optimizing Work Setup for Comfort and EfficiencyConsider ergonomics for efficient and healthy work, use minimalistic tools like MacBook Air, Versus Code, Obsidian, Nite Owl, iTerm, and zsh, and stay updated through Twitter notifications.

      Having a comfortable and ergonomic setup is crucial for efficient and healthy work, whether it involves using a camera, computer, or designing visual elements. Wes, the guest on the podcast, shared his experience of optimizing his setup to prevent neck strain and repetitive stress injuries. He also discussed his minimalistic approach to using a MacBook Air and designing his own logo, as well as his preference for certain tools like Versus Code, Obsidian, Nite Owl, iTerm, and zsh. Staying updated is essential for Wes, and he achieves this primarily through Twitter notifications. Lastly, Wes mentioned being a new father.

    • The Importance of Consistent Sleep for Parents and Building Projects for CodersParents need consistent sleep for effective functioning, while coders should build projects for hands-on learning and resourceful content creation.

      Consistent sleep is crucial for parents, especially during the toddler years, as it significantly impacts their ability to function effectively. Our interviewee shared their personal experience of dealing with a poor sleeper and the challenges it presents. They emphasized that while tantrums and basic needs are manageable, sleep deprivation can be debilitating. For those starting their coding journey, our interviewee emphasized the importance of building projects and gaining hands-on experience. They acknowledged the value of tutorials and content consumption but stressed that real learning comes from actively building and creating. As content creators themselves, they encouraged learners to focus on building their own projects instead of just watching endless tutorials. They also highlighted the importance of creating resourceful content that can help solve specific problems for learners in the long run.

    • The unexpected success of creating valuable contentFocus on providing value and clarity in content, even if immediate rewards are not guaranteed. Unexpected success can still come from creating valuable content.

      Creating content, even if it's not intended to go viral, can still reach a large audience and make an impact. Scott's video on Open Graph, which was made casually, has over 100,000 views, while his hack video for getting old Facebook Messenger back, which earned him only $4 from AdSense, still gets views and engagement. Content creators should focus on providing value and clarity, even if the views or financial rewards are not immediate or significant. Additionally, Scott recommended Trader Joe's cold brew as his "sick pick," praising its quality and versatility. For shameless plugs, Scott encouraged listeners to subscribe to his YouTube newsletter and follow him on Twitter for new content. Overall, the conversation highlighted the importance of creating valuable content and embracing the unexpected success that can come from it.

    Recent Episodes from Syntax - Tasty Web Development Treats

    789: Do More With AI - LLMs With Big Token Counts

    789: Do More With AI - LLMs With Big Token Counts

    Join Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 Who is Paul Copplestone?
    • 01:17 Why ‘Supa’ and not ‘Super’?
    • 02:26 How did Supabase start?
    • 08:42 Simplicity in design.
    • 10:32 How do you take Supabase one step beyond the competition?
    • 12:35 How do you decide which libraries are officially supported vs community maintained?
      • 15:17 You don’t need a client library!
    • 16:48 Edge functions for server-side functionality.
    • 18:51 The genesis of pgvector.
    • 20:59 The product strategy.
    • 22:25 What’s the story behind Supabase’s awesome docs?
    • 25:26 The tech behind Supabase.
    • 35:46 How do you balance business goals with open source?
    • 42:01 What’s next for Supabase?
    • 44:15 Supabase’s GA + new features.
    • 48:24 Who runs the X account?
    • 50:39 Sick Picks + Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    787: You Should Try Vue.js

    787: You Should Try Vue.js

    Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.

    Show Notes

    Vue.js: The Documentary.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    786: What Open Source license should you use?

    786: What Open Source license should you use?

    Scott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you’ll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they’ll help you choose and apply the right license for your project.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    785: What’s Next for NextJS with Tim Neutkens

    785: What’s Next for NextJS with Tim Neutkens

    Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 What does the React Compiler do?
    • 05:04 Will React Compiler help with managing Context?
    • 06:39 What happens if you’re not using a React Compiler?
    • 09:30 Will this work on any NextJS version?
    • 12:18 What are React Server Components?
    • 16:28 Shipping all the data inside an encapsulated component.
    • 20:17 Clearing up the frustrations around retrofitting server components.
    • 23:13 Handing migration.
    • 28:30 Is this just a fetch request with props?
    • 36:41 How closely are the NextJS and React teams working?
    • 41:53 Will we ever get Async Client Components?
    • 43:52 Async Local Storage API.
    • 45:31 Turbopack.
    • 57:51 Sick Picks & Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    784: Logging × Blogging × Testing × Freelancing

    784: Logging × Blogging × Testing × Freelancing

    In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    Scott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    782: The Developer’s Guide To Fonts with Stephen Nixon

    782: The Developer’s Guide To Fonts with Stephen Nixon

    Scott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    In this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    780: Cloud Storage: Bandwidth, Storage and BIG ZIPS

    780: Cloud Storage: Bandwidth, Storage and BIG ZIPS

    Today, Scott and Wes dive into cloud storage solutions—why you might need them, how they use them, and what you need to know about the big players, fees, and more.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    Related Episodes

    EP 66: Runway 101 - Create stunning video in seconds

    EP 66: Runway 101 - Create stunning video in seconds

    Looking to create stunning videos either for your marketing or other use cases? We're breaking down the basics of Runway and showing you how to create amazing videos in seconds.

    Newsletter: Sign-up for our free daily newsletter
    More on this: Episode Page
    Join the discussion: Ask Jordan questions about Runway
    Upcoming Episodes: Check out the upcoming Everyday AI Livestream lineup
    Website: YourEverydayAI.com
    Email The Show: info@youreverydayai.com
    Connect with Jordan on LinkedIn

    Time Stamps:
    [00:02:01] Daily AI news

    [00:05:09] What is Runway?

    [00:09:35] How Runway's computing power works

    [00:13:14] Midjourney vs Runway and other details about Runway editing

    [00:16:28] Detailed AI-created Star Wars spin-off series

    [00:19:08] Impressive results with Runway's AI video

    [00:21:20] Bring old photos to life with videos

    [00:24:54] Improved media consumption through AI-generated content

    Topics Covered in This Episode:
    - Amazon Web Services releases new free and paid courses on AI

    - Netflix posts a $900,000 AI job amidst actor strikes in the US

    - Mention of a study revealing that 70 percent of companies are experimenting with generative AI, but few are investing money in it

    - Introduction to Runway

    - Speaker explains that Runway is a generative AI tool for video editing

    - Various features of Runway are mentioned, including text to video, removing background from video, video to video, and more

    - Mention of Runway's recent successful funding round, raising $141 million and being valued at $1.5 billion

    - Notable investments in Runway from companies like Google, Nvidia, and Salesforce

    - Demonstration of Runway's video generation feature

    - Speaker mentions upcoming demonstration of one of the newer features of Runway, which is generating videos from text and images

    Keywords:
    high-quality videos, Runway, live stream, podcast, newsletter, AI, Amazon Web Services, free courses, paid courses, Netflix, AI job, actor strikes, generative AI, investing, money, text to video, removing background, video to video, $141 million, valued, Google, Nvidia, Salesforce, generating videos, text and images

    The Future of AI Accelerators

    The Future of AI Accelerators

    On this episode of the Futurum Tech Webcast — Interview Series, host Daniel Newman is joined by Groq CEO, Jonathan Ross, for a conversation about the future of AI accelerators and how this technology can help organizations reduce uncertainty.

    Their discussion includes:

    • Groq’s innovative perspective on chip architecture
    • The diversity of Groq’s customer base & the variety of applications in which Groq’s chips are being utilized
    • The benefits of using Groq chips
    • Their versatile developer kit and developer tools
    • Their leadership and innovation within a competitive market, and what the future holds for Groq

    It’s an enlightening conversation, and one you won’t want to miss. To learn more about Groq, check out their website here.

    Tech Fetish Podcast: Episode 222

    Tech Fetish Podcast: Episode 222

    This week the Tech Fetish crew gathers to discuss Apple's Q1 profits of $18 billion USD (yup, billion with a "b"); Bill Gates also warning against the dangers of super intelligent A.I.; Spotify's imminent arrival on PlayStation consoles; and an update to the political situation with internet service in the United States.

    [NOTE: We recorded this episode on Wednesday, since Alaina's traveling this week. Today, the FCC did decide to reclassify the definition of broadband to 25Mbps down/3Mbps up in the U.S.]

    Defining Content Strategy: With Chappell Ellison

    Defining Content Strategy: With Chappell Ellison

    Paul Ford may have coined the term “content strategist” but he’s certainly not the only expert in it. This week Paul and Rich are joined by Postlight’s Associate Director of Digital Strategy, Chappell Ellison, to discuss the three pillars of content strategy. She also discusses the difference between editorial and technical content strategists, shares her journey in finding the role, and explains why content strategy work will only continue to grow.

    Links: 

    Chappell Ellison 

    Chappell Ellison Twitter 

    Probable Futures

    See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.