How We Run brndle.com on Astro and Cloudflare Workers
A static Astro build, a 360-line Cloudflare Worker handling contact and newsletter forms with no PHP, WordPress kept as the editor, and the four failures that t…
Writing · Web Development
Web Development
Learn tips, tricks, and interesting trends on web design and web development, how to create a stunning website easily, and a lot more.
7 of 11 Themes Failed Contrast. The Fix Could Not Live in PHP.
Adopting the host theme’s brand colour failed WCAG AA on 7 of 11 themes. PHP could not fix it because the colour only resolves in the browser. How we deri…
Logical Properties: Block Theme CSS That Survives RTL
Physical CSS properties break the moment your block theme meets an RTL locale. What writing-mode actually does, why margin-inline beats margin-left, and how to …
How to Audit and Optimize Block Theme Rendering for Sub-Second Load Times
A complete block theme rendering audit workflow: profiling block render times with Query Monitor, measuring DOM complexity, caching dynamic blocks, and validati…
How to Generate Critical CSS for Block Themes to Improve First Contentful Paint
A step-by-step guide to extracting, inlining, and automating critical CSS for WordPress block themes — eliminating render-blocking stylesheets and cutting First…
How to Optimize Web Fonts in Block Themes Using the theme.json Font Face API
A complete guide to local font hosting in WordPress block themes: configuring the theme.json Font Face API, subsetting WOFF2 files with pyftsubset, preloading c…
How to Eliminate Layout Shifts in Block Themes for Better Core Web Vitals
Learn how to eliminate CLS in block themes by enforcing explicit image dimensions, preventing font-swap layout shifts with size-adjust fallbacks, stabilizing Qu…
How to Optimize Block Theme Performance with Lazy Loading and Deferred Assets
Learn how to implement native lazy loading for images and iframes in block themes, defer non-critical JavaScript with the WordPress 6.3 strategy API, async-load…
Template Parts in WordPress Block Themes: A Developer Deep-Dive
A developer deep-dive into WordPress block theme template parts. Covers file structure, theme.json registration, variations, styling, advanced techniques, and c…
How to Migrate Widget Areas to Block Theme Template Parts Without Breaking Functionality
Learn how to map classic WordPress widget areas to block theme template parts — from sidebar-1 to complementary regions, footer columns to wp:columns blocks. In…
How to Build a Hybrid Theme That Supports Both Classic and Block Editing
WordPress has always offered flexibility in how themes render pages. For years, classic PHP templates ruled the ecosystem. Then Full […]…
How to Build Interactive Blocks with the WordPress Interactivity API
Learn how to use the WordPress Interactivity API to build stateful, client-side interactive blocks using real data-wp-* directives, @wordpress/interactivity sto…