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.
Tagged “development”
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.
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.
Refactoring a Web Performance Snippet for Security and Best Practice
This post explores refactoring a web performance snippet to improve security and align with modern best practices using the PerformanceObserver and PerformanceNavigationTiming API's.
Migrating to 11ty
It's been a while coming, but I've finally managed to get around to migrating to 11ty and Cloudflare Pages. I go over the ups and downs of the migration process in this blog post.
The History of Nooshu.com
A lot can happen on the web platform and in life over 16-years. In this post I remanice about all the changes the web has gone through and try to figure out how nooshu.com came to be.
WebPageTest comparison URL generator
The best way to benchmark improvements using WebPageTest is by comparing results. Here's a tool to help you do that.
Opening Atlassian JIRA tickets with iTerm2
If you have a dig around inside the iTerm2 settings you will find lots to play with like 'Smart Selection'. We can use it to our advantage.
A boilerplate module setup using Browserify, Babel, Mocha, and Chai
Time to have a little play around with the future of JavaScript, ES2015 (and beyond!)
Implementing a Service Worker
Progressive web apps and Service Workers are the next big thing. Time to have a play with some tech!
HTML Email Countdown
With a little bit of Node.js you can create a countdown for a HTML email. Magic!
Reasons to be Bashful
Using a UNIX shell is all the rage nowadays, even Windows 10 are doing it!
Keyframe animations and media queries
I ran into a slight hiccup with IE and CSS3 animations, turned out to be a simple fix.
Site update using Zurb Foundation 4
A lot can happen in two and a half years since my original build. Time to pull my sleeves up and make the old website responsive!
HTML5 date input type on mobile
While developing a new mobile website I ran into an annoying issue while validating the input. Here's a solution, not nice but it works!
Sublime Text 2, a truly sublime text editor
Time to say goodbye to all other text editors. Sublime Text 2 has a killer set of features and it's quick too!
See all tags.