aria-current: Marking the Current Page in Navigation
Most navs answer “where am I” in a class name, which nothing but the stylesheet can read. One attribute fixes it, and the URL matching underneath is…
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.
The Page Specification We Gate Every Page With
Nineteen per-page items and eleven per-site ones, with a pass or fail rule and the commands to check them. The standard we block releases on, published in full.…
Why Your Logo Looks Thicker in Chrome
A 15px logo renders heavier in Chrome than Firefox, and it is not a bug. Partial IDCT scaling, what it discards, why design systems feel it most, and the format…
Five New CSS Properties Just Landed in WebKit
Safari Technology Preview 250 adds text-decoration-inset, white-space-trim, wrap-inside, content on ::marker and ruby-overhang spaces. Three have no MDN page ye…
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…
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…