Skip to main content

Writing

Notes on AI, agents, web technologies, and building with LLMs

Technical articles on AI integration, agents, agent harnesses, MCP, web technologies, and emerging tools. Working notes from a Google Developer Expert with 25+ years of building and teaching.

225 articles · Page 5 of 23

Filter by tag ▾

  1. Bring your C++ Application to the Web with Web Assembly

    Web Assembly allows developers to bring existing applications written in languages such as C++ to the web, leveraging the combination of modern browsers and JavaScript. This article features a C++ application port to Web Assembly.

    Web Assembly

  2. Image Upload and Metadata Extraction with Netlify Functions

    This article discusses how to upload images using Netlify Functions, store them in Cloudinary and extract Exif metadata for further usage.

    Jamstack Web Development

  3. Uploading and Displaying Videos with Next.js

    In this article we put together a project to demonstrate how to upload and display videos using Next.js

    Jamstack Next.js

  4. Container Queries Meet AI-Based Cropping

    The long-awaited CSS feature has finally landed behind a flag in Chrome Canary. In this article, we will take a look at an example of using them in conjunction with a clever, AI-based cropping solution from Cloudinary.

    Web Development

  5. Creating an Automated Social Share Card Using Cloudinary and Eleventy

    Social share cards are a great addition to any website, however building them manually could be challenging. This article discusses how to create them in an automated way, and it also introduced a plugin that can be used with Eleventy.

    Web Development

  6. Three-State Light/Dark Theme Switch

    Light and dark mode options are frequently added to websites; however, most solutions implement it as two-states, righteously. In this post, we'll take a look at a better, three-state approach.

    Web Development

  7. Understanding Lazy-Loading in Popular Frontend Frameworks

    Lazy-loading is a concept that allows us to defer the loading of certain components to eliminate potential performance bottlenecks. This article discusses lazy-loading techniques for popular frontend frameworks.

    Web Development

  8. React, Videos and the Orientation API

    This article discusses how to best optimise videos shot in landscape/portrait mode in a React environment using the Orientation API.

    React

  9. Media Asset Management in the Jamstack

    What are the best ways to manage media assets for a Jamstack project? The aim of this article is to discuss your options.

    Jamstack

  10. Create a custom colour replace component

    Create a custom React component to do colour replacement using Cloudinary on your images.

    React