Customizable Select API: Building Advanced UI Components
Stop fighting div-based dropdowns. The new Customizable Select API is a game-changer for front-end developers, allowing deep CSS customization of the native
Tag: Block Styles
Why Tailwind CSS Layouts Beat Traditional CSS for Building Layouts
Mastering Tailwind CSS Layouts means moving beyond naming conventions and embracing structural clarity. Learn how utility-first design reduces mental overhead, eliminates naming fatigue, and allows for contextual flexibility in your front-end development. Discover why keeping layout logic in your HTML is a senior dev’s secret to maintainable code.
WordPress 7.0 Pattern Editing: Managing the New Default Content Mode
WordPress 7.0 Pattern Editing introduces a major shift by defaulting unsynced patterns to contentOnly mode. This change protects layouts but requires developers to update block.json roles and audit nested block attributes. Learn how to use the new listView support and the PHP filters to manage these restrictive editing environments effectively.
WordPress 7.0 Dimensions Support: A Cleaner Way to Style Blocks
WordPress 7.0 introduces native width, height, and dimension presets to the block supports system. This update replaces hacky custom attributes with standardized UI and theme.json controls, allowing developers to build cleaner, more consistent block editors without redundant React code or custom CSS. Learn how to opt in and refactor your blocks.
Why the Twenty Twenty-Seven default theme needs your code
WordPress has opened the call for volunteers for the Twenty Twenty-Seven default theme, scheduled for release with version 7.2 in December 2026. This post explores the technical challenges of core theme development, the aggressive timeline, and why senior developers should consider contributing to the future of the block-based ecosystem.
CSS corner-shape property: Stop hacking your UI corners
Stop using brittle clip-path hacks for beveled or scooped corners. The new CSS corner-shape property provides a native, performant way to transform UI elements like ribbon badges and product cards. Ahmad Wael explains how to implement this Chromium-exclusive feature using progressive enhancement and modern CSS layers to clean up your codebase.
Why WordPress Website Design Service Wins for Solopreneurs
Monikka Spruyt left the corporate world to build Connect Holistic Health. Instead of drowning in DIY technical hurdles, she utilized the WordPress Website Design Service to scale her mission. Learn why professional builds are the ultimate time-for-money decision for solopreneurs looking to launch high-performance membership and e-commerce sites without the burnout.
What’s New in Gutenberg 22.7: AI Connectors and RTC by Default
Gutenberg 22.7 introduces the foundational AI Connectors API, enabling standardized third-party integrations. This release also marks a major milestone by enabling Real-Time Collaboration (RTC) by default, alongside improved style variation previews and developer-focused enhancements like phpMyAdmin support in wp-env. It’s a clear signal of the architectural direction for WordPress 7.0.
Stop Guessing: Mastering Scalable z-index Values
Stop using “magic numbers” in your CSS. Senior WordPress developer Ahmad Wael explains why chaotic z-index values break UIs and how to build a scalable, token-based layering system using CSS variables, calc(), and proper stacking context management to ensure your modals and tooltips never disappear again.
Finally: WordPress theme.json pseudo-selectors for Blocks Are Here
WordPress 7.0 finally adds native pseudo-class support (hover, focus, active) directly in theme.json for blocks and variations. Learn how to ditch custom CSS hacks for button states and embrace a declarative styling workflow that keeps your theme maintenance simple and your code clean.