Page Builder to Block Theme: What Converts, What You Rebuild
We built a 26-widget Elementor page, switched it off, and ran Convert to blocks. What survived, what broke, and how to plan the rebuild in a block theme.…
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.
A Design System an AI Agent Can Follow
Agents follow what is written. Give them tokens, rules they can check, theme.json as the contract and a page gate, and they stay inside your design system.…
Reading Purple: What Woo’s Block Theme Teaches Theme Authors
A file-by-file teardown of Purple, WooCommerce’s starter block theme: its theme.json, role-numbered palette, fluid spacing, section styles, store template…
What to Test in Your Block Theme for WordPress 7.2
A test list for block theme authors before WordPress 7.2 Beta 1: ten changes already in trunk, a fixture to test each one, and the dates that matter.…
Form Styling Is Moving Into theme.json: What Works Today and What 7.2 Adds
WordPress 6.9 quietly added textInput and select elements to theme.json, and 7.2 plans to put form styling in the Global Styles UI. What generates today, where …
Popovers Without JavaScript in WordPress Block Themes
The HTML popover attribute and invoker commands now handle open, close, light dismiss, stacking and focus natively, and WordPress 6.9 and 7.1 allow them in cont…
Your Design Tokens Should Outlive Your CSS Framework
Tailwind Labs joined Shopify and nothing broke. That is exactly why it is the right moment to ask where your design tokens actually live, and to make framework …
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…
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…