How a Simple CSP Tweak Turned into an AI Project
Discover how I built an AI-powered Content Security Policy (CSP) tool that helps developers generate secure CSP headers and optimise existing policies for better website security.
Latest 10 Posts
FractalAI: Generating Infinity in the Browser
FractalAI is a browser-based fractal generator built entirely with AI. This post explores what happens when you step away from the code, and how the modern browser can render infinite fractals directly in the browser window.
Using Cloudflare Workers and reCAPTCHA v3 for a Static Site Contact Form
Build a secure Eleventy (11ty) contact form using Cloudflare Pages Functions, reCAPTCHA v3, Resend, and as an alternative Cloudflare Turnstile to reduce spam.
Precompressed HTML at the Edge: Eleventy Meets Cloudflare Workers
In this post, I will show you how I integrate Brotli level 11 compression directly into my 11ty build process to squeeze every possible byte out of my blog’s HTML.
Asset fingerprinting and the preload response header in 11ty
I’ll be building on my earlier post about CSS asset fingerprinting, this time adding the preload response header into the mix. Together, these techniques make sure your browser grabs my blog’s CSS right away, keeping things fast and seamless.
Hack to the Future - Frontend
Frontend development never stands still. By looking back at the legacy techniques and tools that once shaped the web, we gain perspective on why today’s best practices exist and how to avoid repeating past mistakes. This post takes a trip down memory lane to uncover lessons from the early days of web development, and considers how they might guide us as we stand on the verge of another shift with the rise of AI and the evolving web platform.
Configuring your Content-Security-Policy on your development environment in 11ty
In this post, I investigate how you can use a mixture of dynamic and static Brotli compression with the Cloudflare Pro plan, for optimal web performance.
Lets create a plaintext RSS feed with 11ty
In this post I tackle something from my post-MVW (Minimum Viable Website) functionality to do list, by adding a plaintext RSS Feed. I'll take you through my reasons for adding it, the implementation, and the code I used to create it.
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting
In this post I bring two previous blog posts together to create the perfect CSS setup for my little blog.
Using an 11ty Shortcode to craft a custom CSS pipeline
In this blog post, I'll show you how I've written an 11ty Shortcode to manipulate my CSS file, thus allowing for optimal long-life cache-control response headers. Any feedback on this build process would be greatly appreciated.
150 more posts can be found in the archive.