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

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

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

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

  5. Create a custom colour replace component

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

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

  7. The holy trinity of the CSS

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

  8. Creating memes with Cloudinary

    Creating memes is always fun - in this article we take a look at how to utilise Cloudinary to generate themes for the Dolly Parton challenge.

  9. The Cornerstones of HTML

    Inspection of different pillar elements of HTML and the importance of them. Including topics like images, divs, forms, different tags and other key elements of HTML.

  10. The Importance of Media Accessibility (m16y)

    This article discusses how to make modern, visual websites more accessible for visitors having visual impairments. We have coined this 'media accessibility' or 'm16y'.