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.

  1. 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

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  8. Create a custom colour replace component

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

  9. There's an API for that

    The A in the Jamstack refers to APIs. In this post we take a look at how and why APIs matter for the Jamstack.

  10. The holy trinity of the CSS

    Explaining the three basic CSS positioning models in order to understand the concept of CSS.