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

  2. Create a custom colour replace component

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

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

  4. The holy trinity of the CSS

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

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

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

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

  8. Introduction to the Jamstack

    The aim of this article is to introduce the Jamstack. What is it about? What benefits are there for those who use it? These are the questions we will answer while having an overview of some of the services that can be used under the umbrella of the stack.

  9. Using React Hooks with GraphQL

    Using React hooks with GraphQL means less boilerplate code for apps. Read more about it in this article.

  10. The three rendering musketeers: server-render, client-render and pre-render

    Today there are three popular rendering mechanism used: server-side rendering (SSR), client-side rendering (CSR) and pre-rendering. This article reviews how they differ from one to the other.